完美打印csdn等网页内容

笔者遇到csdn网站上有些内容还是很好的，很有必要打印下来仔细研读。但是csdn本身的网页布局在打印的时候很不友好，其中有一些内容遮挡和遗漏。

笔者搜索了一下，遇到如下解决方法：

利用chrome或者firefox，通过开发者模式的控制台输入如下内容：

​

` (function(){
    $("#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").remove();
    $("aside").remove();
    $(".tool-box").remove();
    $("main").css('display','content');
    $("main").css('float','left');
    $("#mainBox").css('width','1048px');
    $("#mainBox").css('margin-left','0px');
    $("#mainBox").css('margin-right','0px');
    //$("[class='main_father clearfix d-flex justify-content-center']").css("width","1048px");
    $(".main_father.clearfix.d-flex.justify-content-center").css("width","1048px");
    window.print();
    $("tool-box").remove();
    })();`

回车之后，网页内容就会变化，之后建议保存为pdf然后打印。