打印网页怎样去除不想要的元素

最新推荐文章于 2025-06-07 15:23:25 发布
原创 最新推荐文章于 2025-06-07 15:23:25 发布 · 5.8k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种使用PrintWhatYouLike工具来去除网页中不需要的部分并进行打印的方法。具体步骤包括打开工具、输入网址、选择删除内容及最终打印。

1、打开PrintWhatYouLike。

2、把要打印的网页链接填在如图中：

3、然后点自己不要的内容点Remove删除了就可以了，

4、然后点上图中Print打印就可以。

js实现网页的过滤打印（去掉你不想出现的内容）
不忘初心，才能始终
10-20 8385
首先，我们理解打印
C#——隐藏不想打印的页面内容
Linsy的博客
07-18 309
前言：由于很多时候打印页面都是想要打印出自己想要的内容；而还有一部分内容我不需要，那么我需要怎么办勒？很简单，那就是去除掉不想打印的元素呗！ 页面测试代码： <body background="" leftMargin=0 topMargin=0 rightMargin=0 bottomMargin=0 style="BACKGROUND-POSITION: center 50%"&g...
去掉CSDN博客网页上多余的内容并保存为pdf
abc6781的专栏
01-26 508
(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, #to
合同打印页分页效果和隐藏你不需要的内容
weixin_42606179的博客
03-01 971
前言： 在合同页面开发中，大家有时候会遇到要打印的效果，在打印页会遇到一些常见的问题比如：打印的时候去掉导航菜单栏、页尾段落内容分隔不完美等等。如何解决这些问题呢，接下来我会分享给大家。 一：打印时去掉多余不想展示的内容 在页面中加media="print"的style样式标签，打印不想展示出来的内容就可以在这里隐藏掉了， 如果像不显示页头页尾的话就在这里加上@page这个样式了，具体代码示例如下图： <style media="print"> @media print { @p
掌握网页打印：隐藏页眉页脚及元素技巧
最新发布
weixin_26854475的博客
06-07 782
<title>Web打印示例</title><style>} /* 黑白打印时，确保文字颜色为黑色 */</style>
网页打印去掉页眉页脚，以及控制不需要打印的内容
05-15
网页打印去掉页眉页脚，以及控制不需要打印的内容。源代码
打印网页中不打印页面中的某些内容
09-27
其实很简单，用一个CSS就可以实现了，这个方法同时支持IE和FF。 HTML内容 XML/HTML Code复制内容到剪贴板 TestPrint&
HTML网页打印去掉页眉页脚，以及如何控制不想打印出的页面元素【梨城在线】
热门推荐
yanleigis的专栏
10-24 1万+
你希望打印的内容放置此处.......... SDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDSDSDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD 1234 SASASASAAAAAAA翻页代码及其他不需要打印的内容放置此处       来自:http://hi.baidu.com/redcod
web打印去掉页眉页脚，以及不想打印出的页面元素
03-06
在网页打印过程中，有时我们可能需要去除不必要的页眉、页脚以及特定的页面元素，以获得更整洁的打印效果。本文将深入探讨如何通过CSS和JavaScript实现这一目标，以优化Web打印体验。 首先，理解CSS媒体查询是关键...
网页打印技巧：轻松去除页眉页脚与页面元素
为了提高用户打印体验，开发者常常需要对打印的内容进行自定义，比如去掉页眉页脚和不想打印的页面元素。下面将详细讲解实现该功能的相关知识点。 首先，要控制打印内容，可以通过CSS来实现。CSS提供了一个`@media ...
打印网页去掉不相关信息
仰望星空
03-16 6117
前言： 在网页上的资料，想打印下来，但是打印的时候，旁边的导航栏很杂，这里是一些可能的方法 1.全屏显示然后打印 之前csdn上面的内容是可以全屏显示，然后打印出来的是没有侧边栏的 2，将网页保存为html文档， 然后用word打开，一般这样就够了 3. 将网页保存为html文档，然后用记事本打开，删除源码里面的一些元素，根据经验，这个应该可以直接在浏览器中操作，然后直接使用浏览器的打印操作即可...
打印CSDN文档去除内容
qq_33697852的博客
05-26 424
原文链接 感谢 爪洼洼 原文内容： 打印CSDN内容，将以下js复制放入Chrome开发者选项里边的console，回车即可。（ctrl + shift + I，选择console粘贴进去） (function(){ $("#side").remove(); $("#comment_title, #comment_list, #comment_bar, #comment_form, .announ...
CSDN文章直接打印,或者保存PDF（去掉多余内容）
丨晋丨
08-14 1万+
打印CSDN内容，将以下js复制放入 工具—>开发人员工具—>console，回车即可。 (function(){ $("#side").remove(); $("#comment_title, #comment_list, #comment_bar, #comment_form, .announce, #ad_cen, #ad_bot").remove(); $(".nav_t...
打印背景颜色和图像在哪设置_删除网页中的颜色和背景图像
09-21 382
打印背景颜色和图像在哪设置Do you prefer to have clean and gentle looking webpages to look at when browsing the internet? Now you can easily change how websites look in Firefox with the No Color extension. 您是否更喜欢在...
网页打印之分页打印、隐藏网页元素--[转]
weixin_30702887的博客
04-08 170
本文研究三个问题 打印内容分页打印时，隐藏不需要的页面元素测试打印时，如何模拟打印，不浪费纸张，　　如果需要将一个页面向分成多页打印，就要用到CSS样式表元素page-break-after。该元素功能与Word中的分页符类似，是用于网页的分页符。不过在Word中，分页符可以很明显的分隔两页面。如果在网页中使用page-break-after元素，只有在打印预览时，才能看到分隔效果。 　　...
CSDN文章转成PDF、打印(去空白)
weixin_44995829的博客
09-10 207
(function(){ 'use strict'; var articleBox = $("div.article_content"); articleBox.removeAttr("style"); $("#btn-readmore").parent().remove(); $("#side").remove(); $("#comment_title, #comment_list, #comment_bar, #comment_form, .announc
printjs 如何打印隐藏html元素
supming1的专栏
05-16 1185
最近遇到一个需求，需要点击按钮的时候打印局部html，经调研printjs 是实现打印很不错的库，不过这里遇到一个问题，要打印的东西并没有显示在页面上，产品也并不想去做多一个弹窗或页面去承载。这里尝试了先用display:none隐藏,再用@media print 设置display:block。也尝试用了printjs 的一些style相关的参数，也没效果（这里没深入去看这些参数到底为什么没效果）。2、（推荐）采用了一个取巧的方法，在需要打印的元素外围包裹一个height:0;
Html打印网页内容，并去掉顶部网址
zhuxun_why的博客
02-01 936
【代码】Html打印网页内容，并去掉顶部网址。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值