副业赚钱_CSDN去广告保存网页到本地_副业教程

喜欢就关注我们吧！

最近浏览文献都是先下载PDF到本地然后阅读的。有的时候在上网查资料的时候就想，要是可以把网页保存到本地就好了，以后看也方便（就不需要费力地管理浏览器的收藏夹了）。

作为一个程序员，在网上查找资料一般都是技术类的，相关的博客有CSDN、博客园等等，而用的最多的且广告最多的通常是CSDN。因此这篇文章教大家如何去除CSDN的广告并且保存文章内容。

我们就以下面这篇博客为例：

第一步：去除广告

按F12打开网页控制台，在console里面输入以下的代码，其目的是去掉各种广告元素，大家也可以按自己的需求删改。

(function(){    $("#side").remove();    $("#comment_title, #comment_list, #comment_bar, #comment_form, .announce, #ad_cen, #ad_bot").remove();    $(".nav_top_2011, #header, #navigator").remove();    $(".p4course_target, .comment-box, .recommend-box, #csdn-toolbar, #tool-box").remove();    $("aside").remove();    $(".tool-box").remove();    $("#toolBarBox").remove();    $("main").css('display','content');     $("main").css('float','center');    $(".option-box").remove();})();

第二步：保存到本地

保存到本地的话有两种方法，一种是保存为PDF，但是CSDN网页保存为PDF以后就像图片一样，我们没办法再用鼠标选择其中的文字进行注释或复制；另一种是保存为HTML格式，好处就是和网页浏览一样，坏处就是网上缺少HTML格式的阅读器（包括添加笔记功能）。总的来说就是没有一种最好的办法，如果大家有什么更好的办法，欢迎留言分享一下。还有问一下大家有没有什么能用的免费的网页做笔记的插件？

保存为PDF：

继续在console里面输入print()，就可以输出为PDF。需要注意的是电脑中应当装有如福昕阅读器等PDF阅读器，他们提供了PDF格式虚拟打印的功能。

保存为HTML：

直接在浏览器中按下快捷键Ctrl+s即可，保存时保存类型选择单个文件的网页。

大家用什么方法保存网页的呢？欢迎下发留言讨论哈！

原文始发于微信公众号（技术斋）：