首页 > 其他分享 >如何打印CSDN博文和博客园博文

如何打印CSDN博文和博客园博文

时间:2024-09-08 13:25:25浏览次数:10  
标签:box 打印 博客园 博文 remove content CSDN css

如何打印CSDN博文和博客园博文

相信大家看到一些比较不错的博文,都想打印保存一下,但是浏览器自带的打印会发生覆盖的问题并且除了博文之外的文字也会被打印,很不友好;

这里提供一个新的方法:
1、打开想要打印的博文;
2、右键鼠标,选择检查,如图所示。

3、点击检查,进入如下页面,选中Console选项

4、在空白部分输入以下代码,回车,即可弹出打印页面,打印即可

代码一(不打印评论):

(function doPrint(){
        //生成头部
        var head_str = "<html><head><title></title></head><body>"; 
        //生成尾部
        var foot_str = "</body></html>";
        //原本页面的代码
        var older = document.body.innerHTML;
        //指定打印区域的html
        var print = document.getElementsByClassName('blog-content-box')[0].innerHTML;
        //构建新网页
        document.body.innerHTML = head_str + print + foot_str; 
        //调用打印
        window.print();
        //打完后将网页还原
        document.body.innerHTML = older;
})();

代码二(评论也会一起打印):

(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, .recommend-box, #csdn-toolbar, #tool-box,#dmp_ad_58, .more-toolbox, .article-info-box, .btn-readmore").remove();
	$("aside").remove();
	$(".tool-box").remove();
	$(".hide-article-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%");
	window.print();
})();

类似的对于博客园的论文,操作同上

代码为:

(function(){
    'use strict';
    $("#comment_form, #header, #leftmenu, #big_banner, #footer, #blog_post_info_block").remove();
    $("#content").css('margin','0');
    $("body").css('margin','0').css('padding','2px');
    window.print();
})();

标签:box,打印,博客园,博文,remove,content,CSDN,css
From: https://www.cnblogs.com/zhtty123/p/18402784

相关文章

  • STM32L431RC 光照度+温湿度+电机+ESP8266+腾讯云+CSDN 项目
    鱼弦:公众号【红尘灯塔】,CSDN博客专家、内容合伙人、新星导师、全栈领域优质创作者、51CTO(Top红人+专家博主)、github开源爱好者(go-zero源码二次开发、游戏后端架构https://github.com/Peakchen)STM32L431RC光照度+温湿度+电机+ESP8266+腾讯云+CSDN项目介绍1.项目概述......
  • CSDN免登录复制
    一、1.打开开发人员工具2.找到对应元素二、1.打开开发人员工具,进入控制台2.输入doucument.designMode='on'结果图:3.选中,打印输出PDF效果图:ps:效果图:......
  • 【转载】从CSDN转载别人文章博客园的方法(其他博客类似)
    对于喜欢逛博客的人来说,看别人的博客确实能够对自己有不小的提高,有时候看到特别好的博客想转载下载,但是不能一个字一个字的敲了,这时候我们就想快速转载别人的博客,把别人的博客移到自己的空间里面,当然有人会说我们可以收藏博客啊,就不需要转载,(⊙o⊙)…也对。。实现  因为我自......
  • 记一次我的博客园页面突然无法显示markdown数学公式
    之前都还好好的,今天突然给我数学公式卡没了......具体情况如下但是我编辑的时候预览明明可以摘要里显示也没有问题给官方写了封邮件后得到回复如下您好,我们这边测试一下在没有自定义内容的情况下数学公式是正常加载的,建议您排查自定义样式是否与数学公式渲染发生了冲突。......
  • 博客园-awescnb插件-geek皮肤优化-表情配置
    ......
  • 博客园20年纪念T恤上架:艰难的时光,燃烧的希望
    2024年9月开始了,救园的最后一个月到了,园子的20年纪念T恤终于赶在天凉好个秋之前上架了。用这件设计简约清新给人希望的T恤,纪念过去二十年充满艰难而满怀希望的时光。园子的二十年,是困难重重的二十年,是走了很多弯路摔了很多跟头的二十年,但也是心中一直燃烧着希望的二十年——服......
  • C#中数据到底存在堆上还是栈上_c# 自建类在栈里还是在堆里-CSDN博客
    C#中数据到底存在堆上还是栈上_c#自建类在栈里还是在堆里-CSDN博客C#的栈与堆首先复习一下值类型与引用类型1.值类型与引用类型值类型:基本数据类型([int,long,float,char,bool]:System.ValueType,enum,struct)引用类型:类(所有class),string,接口,数组2.栈与堆局部变量,参数,调......
  • 博客园-awescnb插件-geek皮肤优化-目录优化
    ......
  • 博客园-awescnb插件-geek皮肤优化-目录优化
    ......
  • (7.15-7.21)发一篇博文赢百元奖品!前10有奖!【已结束】
    近期接到刷量举报,参赛的博主一定要看清楚活动规则,刷量行为一经发现取消活动资质。文章内容特别出彩的,才会酌情考虑是否只去掉刷的文章量。AIGC这个话题,让人既熟悉又陌生!你用过哪些AIGC领域的工具?分享AIGC领域的产品测评使用、底层技术分析、应用案例...让大家一起认识AIGC。围绕AIG......