CSDN 文章打印 左边无空白 最新代码
Q:最近打印csdn文章的时候左边总是有一般空白区域,这个地方可以用来做笔记。但是笔者不是太喜欢,所以就找了最新的代码,完美打印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();
$("main").css('display','content');
$("main").css('float','left');
$("#mainBox").css('width','100%');
$(".main_father.clearfix.d-flex.justify-content-center").css("width","100%"); //显示不全关键在于修改这里的width的比例
window.print(); // 修改成 90% 基本就可以显示全
})();
使用方法:
右键–>检查–>Console–>粘贴代码。