有时候在一些论坛或者博客上发现了好的文章，想要下载下来，这个时候就可以采用网页打印的方式，但是通常打印会得到全部网页的内容，我们需要删除没有用的标签, 留下自己想要的内容

当然手动定位元素然后删除比较麻烦, 可以利用js代码, 针对特定的网页写出特定的删除代码, 最后打印即可

下面我介绍两个网站的打印方法

1. 道客巴巴

首先将隐藏的页面全部加载出来

然后F12进入开发者选项, 在控制台输入下面代码, 删掉没用的标签, 之后就可以打印下来了

代码如下:

(function(){
    $("#startIFrame").remove();
    $(".vip-copy-tips, .users-guide, .topshop").remove();
    $("#m_logDiv, #header, #toolbar, #annotate_pro_panel, #downtestw, #blkinfo").remove();
    $("#loadDiv, #form_productbuy").remove();
    $(".activelist").remove();
    $("#footer").remove();
    $(".toplayer-shop, .copy-tips").remove();
    $("#right-menu, #left-menu").remove();
    $("#boxright-catalog, #boxright").remove();
    $("#box1, #thumbPanel, #readEndDiv, #commentDiv").remove();
    $(".commonbox1").remove();
    $(".page_ad").remove();
    $(".outer_page").css('border', 'none');
    window.print();
})();

我随便找一篇

输入代码即可

2. CSDN

(function(){
    $("#MathJax_Message, #csdn-toolbar").remove();
    $(".mask-dark, .skin-boxshadow, .directory-boxshadow, .pay-code").remove();
    $("#pointDivs, #st_mask, #st_confirmBox, #st_alertBox, #st_toastBox, #google_esf").remove();
    $(".report-box, .csdn-side-toolbar").remove();
    $("#rightAside").remove();
    $(".blog_container_aside").remove();
    $("#toolBarBox, #dmp_ad_58").remove();
    $(".recommend-box, .comment-box, .recommend-box, .template-box, .blog-footer-bottom").remove();
    $("main").css('display','content');
    $("main").css('float','left');
    $("#mainBox").css('width','1048px');
    $("#mainBox").css('margin-left','0px');
    $("#mainBox").css('margin-right','0px');
    $(".main_father.clearfix.d-flex.justify-content-center").css("width","1048px");
    window.print();
})();

以我的一篇博客为例

将上述代码在控制台运行

得到的文件如下: