HTML页面另存为PDF保存到本地

最新推荐文章于 2025-04-11 16:52:56 发布

原创最新推荐文章于 2025-04-11 16:52:56 发布 · 6.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#html5 #js #html #css

前端专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一种使用JavaScript去除网页上特定元素的方法，以便于进行更干净的页面打印。通过在浏览器控制台执行特定代码，可以隐藏广告、评论、导航栏等非主要内容，使打印出来的页面更加整洁。

1.打开谷歌浏览器控制台(快捷键为F12)

2.在对应页面下的console中粘贴如下内容

(function(){
	$("#side").remove();
	$("#comment_title, #comment_list, #comment_bar, #comment_form, .announce, #ad_cen, #ad_bot").remove();
	$(".nav_top_2011, #header, #navigator").remove();
	$(".p4course_target, .comment-box, .recommend-box, #csdn-toolbar, #tool-box").remove();
	$("aside").remove();
	$(".tool-box").remove();
	$("main").css('display','content'); 
	$("main").css('float','left'); 
	window.print();
 	$("tool-box").remove();
})();