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

注意事项

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

个人常用的方法

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

个人常用网页保存脚本

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();