将优快云文章打印为简介的PDF！！！！

最新推荐文章于 2025-03-17 17:42:36 发布

转载最新推荐文章于 2025-03-17 17:42:36 发布 · 170 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：https://blog.youkuaiyun.com/p1279030826/article/details/106602341

文章标签：

#javascript

本文介绍了一种便捷的网页内容打印和PDF输出方法，通过JS代码实现页面样式优化，移除不必要的元素如侧边栏、评论区等，确保主要内容清晰呈现。适用于需要干净版面进行打印或保存的场景。

来源：【新】优快云文章一键打印、输出PDF（自动阅读全文、全清爽模式）
使用方法：按“F12”进入开发者工具，将以下js复制到 console，回车即可一键打印。

(function(){
	'use strict';
	var articleBox = $("div.article_content");
	articleBox.removeAttr("style");
	$("#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").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();
})();