怎样快速保存网页中的内容并且除去不想要的元素-js教程-PHP中文网

首页

web前端

js教程

怎样快速保存网页中的内容并且除去不想要的元素

Mar 08, 2018 am 11:32 AM

保持网页

这次给大家带来怎样快速保存网页中的内容并且除去不想要的元素，快速保存网页中的内容并且除去不想要的元素的注意事项有哪些，下面就是实战案例，一起来看一下。

我们在浏览网站或文章时，可能会遇到这一种情况,就是看到好文章时想要把这文章保存下来。在这种情况下，大家有很多方法，有的是把文章内容复制粘贴到txt记事本,有的是ctrl+s保存全网页,有的是保存网页为图片等。但这些保存方式都有要么查看不方便，要么只能看文字等。我今天就来教大家一种既可以快速保存网页，又可以除去网页中不必要保存的元素(尤其是广告之类的)。

2.对自己要保存网页点击收藏夹内保存好的代码连接

1.保存以下代码到自己的浏览器收藏夹(我用的浏览器是chrome):
3.正常情况下浏览器会打开一个新的页面,页面标题会默认与源页面标题是一样的
4.选中自己想要保存的部分内容-复制
5.粘贴到新打开的页面里面,当然你可以对新打开的页面内容进行修改
6.ctrl+s 自行保存
7.没了,反正到时候用的时候只要点击收藏夹来保存自己想要的内容就ok了。

javascript:(function(){
function htmlHexEncode(str) {
    var res=[];
    for(var i=0;i &lt; str.length;i++){
        res[ i ]=str.charCodeAt(i).toString(16);
}
    return &quot;&amp;#&quot;+String.fromCharCode(0x78)+res.join(&quot;;&amp;#&quot;+String.fromCharCode(0x78))+&quot;;&quot;;
}
window.open(&#39;data:text/html,&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset=&quot;UTF-8&quot;&gt;&lt;title&gt;&#39;+htmlHexEncode(document.title)+&#39;&lt;/title&gt;&lt;/head&gt;&lt;body contenteditable=&quot;true&quot;&gt;&lt;/body&gt;&lt;/html&gt;&#39;);
})()

登录后复制

javascript:

(function(){
               nhtml=&#39;&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset=&quot;UTF-8&quot;&gt;&lt;title&gt;-%TITLE%-&lt;/title&gt;&lt;/head&gt;&lt;body contenteditable=&quot;true&quot;&gt;&lt;/body&gt;&lt;/html&gt;&#39;;
               nhtml=nhtml.replace(&quot;-%TITLE%-&quot;, document.title );
            var newwin=window.open(&#39;data:text/html;charset=utf-8,&#39;+nhtml);   
              })()

登录后复制

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！