【CSDN文章一键打印、输出PDF】

最新推荐文章于 2024-08-23 11:28:03 发布

洛禾符

最新推荐文章于 2024-08-23 11:28:03 发布

阅读量723

点赞数 1

文章标签：前端 javascript html

本文链接：https://blog.csdn.net/luohefu1/article/details/126996361

版权

CSDN文章一键打印、输出PDF

一、功能及使用方法

一、功能及使用方法

使用方法：按“F12”进入开发者工具，将以下代码复制到 console，回车即可一键打印。
在这里插入图片描述

(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、保存为PDF。将打印机改成“另存为PDF”。
2、边距设置为无。
3、去掉页眉页脚。
在这里插入图片描述