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

Question

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

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

Answer 1

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

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();