JS实现保存当前页面

在前端页面进行一些JS逻辑操作之后

1、需要将操作后的页面效果保存到文件或者数据库中,

获取整个页面html的代码如下:

var context = $("<p>").append($("html").clone()).html();
console.log(context);

以上代码可以获取当前页面<html>标签内所有元素内容代码(包括JS操作后的);

即:将<html>标签内所有内容克隆到一个虚拟标签<p>内,然后获取<p>标签的htm()代码,

2、如果是用了Iframe并且需要获取Iframe中页面html,就用以下代码:

var doc = document.getElementById('viewFrame').contentWindow.document;
var html = doc.documentElement.outerHTML;

获取到当前页面html之后,可以将context进行保存文件或者存到数据库等操作。

发布了327 篇原创文章 · 获赞 566 · 访问量 263万+

猜你喜欢

转载自blog.csdn.net/vtopqx/article/details/89156469