【无标题】打印下载csdn文章

最新推荐文章于 2025-06-06 17:43:09 发布

原创最新推荐文章于 2025-06-06 17:43:09 发布 · 456 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #html

本文介绍了一种方法，通过F12控制台调整网页样式，实现文章内容的一键打印和PDF输出。首先，移除文章内容的样式，然后设置页眉和页脚，调整页面缩放比例，最后调用window.print()进行打印。此方法适用于需要清晰阅读体验的打印场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

转自【新】CSDN文章一键打印、输出PDF（自动阅读全文、全清爽模式）

F12调出控制台
输入：

(function doPrint(){      
	'use strict';
	var articleBox = $("div.article_content");
	articleBox.removeAttr("style");
	var head_str = "";       
	var foot_str = "";   
	var older = document.body.innerHTML;       
	var title= document.getElementsByClassName('article-title-box')[0].innerHTML; 
	var main_body = document.getElementsByClassName('article_content')[0].innerHTML;
	document.body.innerHTML = head_str + title + main_body + foot_str;
	$("#mainBox").width("100%");
	document.getElementsByTagName('body')[0].style.zoom=0.8;     
	window.print();
	document.body.innerHTML = older;
	return false;
})();

自行调整间距，页眉页脚，字太小可以考虑横着打印