是否可以将React单页网站导出为HTML？

发布时间：2020-12-15 20:31:58 所属栏目：百科来源：网络整理

导读：我有一个使用React和materialize-css的单页Web应用程序,我想将其导出为静态 HTML和CSS,以便可以轻松编辑HTML以进行原型设计.是否可以至少导出当前状态的快照？我在Firefox和Chrome中尝试过“保存页面”,但它没有提供良好的效果. 解决方法可能不理想,但您可

我有一个使用React和materialize-css的单页Web应用程序,我想将其导出为静态 HTML和CSS,以便可以轻松编辑HTML以进行原型设计.是否可以至少导出当前状态的快照？

我在Firefox和Chrome中尝试过“保存页面”,但它没有提供良好的效果.

解决方法

可能不理想,但您可以将整个页面存储为变量并下载它.页面加载后在浏览器控制台中运行此命令：

var pageHTML = document.documentElement.outerHTML;

var tempEl = document.createElement('a');

tempEl.href = 'data:attachment/text,' + encodeURI(pageHTML);
tempEl.target = '_blank';
tempEl.download = 'thispage.html';
tempEl.click();

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!