从SPA捕获或保存动态页面的当前状态(HTML元素)

问题描述 投票:-1回答:1

是否有可能从SPA(在Angular,React等框架上完成)中检索当前状态?

就目前而言,我的意思是所有当前HTML元素的快照/保存/导出,以及样式/图像和当前显示的数据?那么以后可以通过浏览器和file://静态地消费吗?

示例:

<html>
    <head />
    <body>
        <h1>Welcome, <span ng-model="userController.username">John Doe</span></h1>
        <!-- etc -->
    </body>
</html>

成为John Doe该控制器显示的当前数据。

我尝试过,浏览器上的Save As...不起作用。使用CSS保存HTML,但保留完整的标签{{variableName}}。而且我认为,取决于所开发的SPA,甚至没有保存所需的页面,而是保存了SPA的主/根/主页。

还有其他工具HTTrack Website Copier,但我认为从过去的使用来看,这最适合静态页面。

关于工具,浏览器扩展或什至使我能够开发工具或扩展来实现此目的的任何建议?

javascript angular single-page-application
1个回答
0
投票

document.body.parentNode.innerHTML应该可以解决问题,然后使用another answer您可以直接将字符串下载为文件。

这是一个有效的代码段:

var pageSource = document.body.parentNode.innerHTML;
var downloadLink = document.createElement('a');
downloadLink.href = "data:text/html," + unescape(encodeURI( escape(pageSource) ));
downloadLink.target = '_blank';
downloadLink.download = 'page.html';
downloadLink.click();
© www.soinside.com 2019 - 2024. All rights reserved.