csdn网页转漂亮pdf的方法

效果：保存的内容与页面是页面的80宽，位置居中

方法一
 

(function(){
	'use strict';
	var articleBox = $("div.article_content");
	articleBox.removeAttr("style");
	$(".hide-preCode-bt").parents(".author-pjw").show();
	$(".hide-preCode-bt").parents("pre").removeClass("set-code-hide");
	$(".hide-preCode-bt").parents(".hide-preCode-box").hide().remove();
	$("#btn-readmore").parent().remove();
	$("#side").remove();
	$(".csdn-side-toolbar, .template-box, .blog-footer-bottom, .left-toolbox, .toolbar-inside").remove();
	$(".comment-box, .recommend-box, .more-toolbox, .article-info-box, .column-group-item").remove();
	$("aside, .tool-box, .recommend-nps-box, .skill-tree-box").remove();
	$("main").css('display','content'); 
	$("main").css('float','left'); 
	$("#mainBox").width("100%");		
	document.getElementsByTagName('body')[0].style.zoom=0.8;
	window.print();
})();

1.特点：保留了一部分csdn的css效果；可调节大小；
2.操作：chrome浏览器->更多工具->开发者工具->console->粘贴下面代码，回车

(function(){
$(" #csdn-toolbar, #tool-box").remove();
$(".more-toolbox, #toolBarBox, .comment-box, .recommend-box").remove();
$("aside").remove();
$(".tool-box, .template-box, .footer-box").remove();
//$(".aside-box, .recommend-right").remove();
//$(".option-box").remove();

$('.main_father').css('position','relative');
$('#mainBox').css('position','absolute');
$('#mainBox').css('width','80%');
//自己查看文字有没有遮挡或者越界决定用100%或者80%
//这个差异可能因为csdn的两种文本编辑器不同造成的
//$('#mainBox').css('width','100%');

//$('main').css('position','absolute');
//$("main").css('display','block'); 

window.print();

})();

方法二

1.特点：pdf文字都是黑白色的
2.操作：网页另存为（ctrl+s把网页保存为html) -> 打开html -> 打印 ->选择保存为pdf