CSDN博客以PDF保存

遇到需要保存的博客时,可以在F12-console中输入以下代码,将博客以打印的形式保存为PDF
csdn的网页经常改动,发现变化可以自行查找并添加需要删除的元素

2020.11.11更新,参考其他博主:https://blog.csdn.net/p1279030826/article/details/106602341,按照这个代码就是缩放为默认值。

(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,.blog-footer-bottom").remove();
	$(".p4course_target, .comment-box, .recommend-box, #csdn-toolbar, #tool-box,#dmp_ad_58, .more-toolbox, .article-info-box, .btn-readmore, .pub-footer-new").remove();
	$("aside").remove();
	$(".tool-box").remove();
	$("main").css('display','content'); 
	$("main").css('float','left'); 
	$("#mainBox").width("100%");		
	document.getElementsByTagName('body')[0].style.zoom=0.8;
	window.print();
})();

我的老方法,也好使更漂亮,注意先清空消息:

function doPrint() { 
	//隐藏标题栏
	$('#csdn-toolbar').css('display','none');
	//隐藏评论区
	document.getElementsByClassName('comment-box')[0].style.display="none";
	//隐藏推荐栏
	var recommends = document.getElementsByClassName('recommend-box');
	for(var i=0;i<recommends.length;i++){
		recommends[i].style.display="none";
	}
	//隐藏广告
	$('#dmp_ad_58').css('display','none');
	//隐藏底部栏
	document.getElementsByClassName('template-box')[0].style.display="none";
	//隐藏左侧栏
    $('aside').css('display','none');
    
	//隐藏右侧工具栏,点赞评论区,尾部的about
    $(".tool-box, #toolBarBox, .blog-footer-bottom").remove();//目前是可用的,要隐藏什么元素在elements中找,然后添加进来
    
	document.getElementsByClassName('csdn-side-toolbar')[0].style.display="none";
	//打印剩余内容
    window.print();
};
doPrint();

保存为**纵向,缩放比例为140%**最合适,如图所示:
保存示例

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值