打印CSDN博客只需两步

最新推荐文章于 2024-06-07 05:19:58 发布

启航1999

最新推荐文章于 2024-06-07 05:19:58 发布

阅读量231

点赞数 1

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/weixin_44465396/article/details/137571838

版权

文章描述了如何通过在浏览器开发者工具的console中执行一段JavaScript代码，截取并替换页面上的特定内容（如blog-content-box类的元素），实现对网页内容的离线打印功能。

摘要由CSDN通过智能技术生成

打印博客

关闭浏览器限制
浏览器打开对应博客，F12，在console下粘贴如下代码，回车

(function doPrint(){
	var head_str = "<html><head><title></title></head><body>"; 
	var foot_str = "</body></html>";
	var older = document.body.innerHTML;
	var print = document.getElementsByClassName('blog-content-box')[0].innerHTML;
	document.body.innerHTML = head_str + print + foot_str; 
	window.print();
	document.body.innerHTML = older;
})();