将几个常用网站页面保存为PDF并删除网页无用部分

注意事项

更新时间：8-18检测均可以使用
保存时图片出现空白：尝试先下拉把页面所有图片加载出来。
若无法运行建议关闭浏览器插件【如ADB、油猴等】,一般不影响。

个人常用的方法

F12找到所有elements元素一个一个删除调整，或者按照下面自己总结的脚本运行【因为并不是一定最新的，所以在网站更新后可能对应的脚本就不能用了】，然后ctrl+P
使用chrome的FireShot插件截图，保存为PDF
使用印象笔记插件保存到印象笔记

个人常用网页保存脚本

CSDN的打印

(function(){'use strict';var articleBox = $("div.article_content");articleBox.removeAttr("style");$("#btn-readmore").parent().remove();$("#side").remove();$("#comment_title, #comment_list, #comment_bar, #comment_form, .announce, #ad_cen, #ad_bot").remove();$(".nav_top_2011, #header, #navigator").remove();$(".csdn-side-toolbar,.template-box,.reward-user-box").remove();$(".p4course_target, .comment-box, .recommend-box, #csdn-toolbar, #tool-box,#dmp_ad_58, .more-toolbox, .article-info-box, .btn-readmore").remove();$("aside").remove();$(".tool-box").remove();$(".pub-footer-new").remove();$("main").css('display','content'); $("main").css('float','left'); $("#mainBox").css('width','100%');      $(".main_father.clearfix.d-flex.justify-content-center").css("width","100%");
})();

简书

(function(){'use strict';$("header") .remove();$("footer") .remove();$("aside")  .remove();$("._3Pnjry").remove();$("#note-page-comment").remove(); $("._gp-ck").children[2].remove(); $("._gp-ck").children[1].remove(); $("._1kCBjS").remove();$("._13lIbp").remove();$(".d0hShY").remove();$("._19DgIp").remove();
})();

下面的代码有时候似乎不行，如果需要则删除改元素

$(".ant-back-top").remove();

知乎专栏

(function(){'use strict';$(".ColumnPageHeader-Wrapper").remove();$(".Recommendations-Main").remove();$(".CornerButtons").remove();$(".Comments-container").remove();$(".Reward").remove();$(".Sticky.RichContent-actions.is-bottom").remove();
})();

简单补充说明：

//选择所有元素
$("*")
//选择id="id1"的元素
$("#id1"）
//所有<p>元素
ele $("p")
//所有class="c1"的元素
.class   $(".c1"）
//所有class="c1"且class="c2"的元素
$(".c1.c2"）
//所有带有匹配选择的元素
$("th,td,.intro")
----------------------------------------------------
//选择带空格的class元素，如<ele class="a b">，使用
$('.a.b')
//如果这个元素还有一个id,<element class="a b" id = 'c'>，使用
$('#a.b.c')
----------------------------------------------------
//可以直接在脚本中运行打印，不过由于如果不手动加载一遍网页，其中图片往往显示不全，所有我一般拉到底再手动打印
window.print();

将几个常用网站页面保存为PDF并删除网页无用部分相关推荐

使用JavaScript将当前页面保存成PDF，支持图片和文字的保存
前端开发的朋友们可能会遇到这个需求:将您负责开发的网页的全部内容,包括文字和图片,一起保存成一个PDF文件.如果采用屏幕截图的话,默认Windows操作系统的截图按钮无法完整截取超过一屏幕的屏幕内容. ...
safari网页转pdf方法教程(safari页面保存为pdf)
当我们想将Safari浏览器中的网页内容保存下来,平时一般会选择截图的方式,但是如果想要保存的内容较多时,一张张截图的步骤就显得很繁琐.现在,有两种方式可以将网页保存为PDF文件: 使用"标 ...
去掉CSDN博客网页上多余的内容并保存为pdf
从这里来的:https://blog.csdn.net/while_black/article/details/90201958 还有这:https://www.jerrycoding.com/art ...
js如何将跨域打开的窗口放到最前面_程序员的强迫症-便捷打开常用网站
根据上一篇程序员的强迫症–如何让电脑桌面变得非常干净?可以让电脑桌面非常简洁.干净,win + r 快速打开应用程序.常用文件夹. 这篇就介绍 win + r 便捷打开常用网站,优化管理我们在日常 ...
常见的5种网站页面布局方式及特点分析
互联网的世界里,网页是我们接触最多的内容展示平台(载体),各种风格设计及不同类型主题的网站数不胜数,笔者作为一名网页设计师,在关注内容本身的同时,也喜欢研究一下网站页面的设计特点,这不失为一种提升网页 ...
爬取某位大佬简书上所有文章并保存为pdf
点击上方"AirPython",选择"置顶公众号" 第一时间获取 Python 技术干货! 阅读文本大概需要 8 分钟. 1 目标场景现如今,我们处于一 ...
【爬虫】爬取简书某ID所有文章并保存为pdf
编辑 / 昱良 1 目标场景现如今,我们处于一个信息碎片化的信息时代,遇到好的文章都有随手收藏的习惯.但过一段时间,当你想要重新查看这篇文章的时候,发现文章已经被移除或莫名其妙地消失了. 如果 ...
PDF怎样删除偶数页面
PDF文件上班都要用到的,PDF文件页面很多,很大,就需要上班页面,PDF编辑软件哪个好,PDF怎样删除偶数页面?很多人不知道呢,接下来简单弄下. 1.首先安装并打开迅捷PDF编辑器,这是打开PDF文 ...
使用Google WebP图片格式帮助控制网站页面大小
日期:2013-3-16 来源:GBin1.com 不管你相信或者不相信,随着互联网的快速发展网页也在持续不断的变大. 使网页迅速膨胀的罪魁祸首不是大量使用的JavaScript库,CSS和无尽的 ...
SEO之网站页面优化策略
网站的页面优化,也即网页优化是对网页的程序.内容.版块.布局等多方面的优化调整,使其适合搜索引擎检索,满足搜索引擎排名的指标,从而在搜索引擎检索中获得的排名提升,增强搜索引擎营销的效果使网站的产品相关 ...

将几个常用网站页面保存为PDF并删除网页无用部分

注意事项

个人常用的方法

个人常用网页保存脚本

CSDN的打印

简书

知乎专栏

简单补充说明：

将几个常用网站页面保存为PDF并删除网页无用部分相关推荐

最新文章

热门文章