900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > 将几个常用网站页面保存为PDF并删除网页无用部分

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

时间:2024-07-02 16:45:34

相关推荐

将几个常用网站页面保存为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_, #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();

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。