谷歌浏览器网页打印去页眉页脚怎么弄_谷歌浏览器虚拟打印配置

小芳同学_8461

小芳同学_8461

2026-03-21

482人浏览

原创

chrome打印时可移除页眉页脚:一、打印界面取消“页眉和页脚”勾选;二、再设边距为“无”;三、开发者工具执行@page { margin: 0; };四、用元素选择器删除页面内header/footer等干扰节点。

谷歌浏览器网页打印去页眉页脚怎么弄_谷歌浏览器虚拟打印配置

如果您在Chrome中打印网页时发现顶部和底部自动添加了网址、标题、页码等页眉页脚内容,影响文档整洁性或PDF导出效果,则可通过多种方式精准移除这些默认元素。以下是具体操作方案:

一、通过打印界面直接关闭页眉页脚

该方法利用Chrome原生打印设置,无需任何技术背景,适用于所有用户。它通过禁用系统自动生成的页眉页脚信息,使输出内容保持干净简洁。

1、在目标网页按 Ctrl + P(Windows/Linux)或 Cmd + P(macOS) 调出打印预览界面。

2、在左侧设置区域点击 【更多设置】 展开高级选项。

3、找到 【页眉和页脚】 选项,取消其复选框勾选。

4、确认右侧预览区域中页眉页脚已完全消失,再点击 【保存】 或 【打印】 完成操作。

二、结合无边距设置实现完整无干扰输出

仅关闭页眉页脚可能仍保留上下左右默认边距,导致内容与页面边缘存在空白。此方法同步清除全部边距,确保内容紧贴PDF或纸张边界,提升专业输出效果。

1、执行 Ctrl + P 打开打印预览界面。

2、点击 【更多设置】 展开选项。

3、在 【边距】 下拉菜单中选择 无。

4、再次确认 【页眉和页脚】 处于未勾选状态。

5、检查预览中内容是否完整显示且无裁剪,随后完成保存或打印。

谷歌MaterialDesign侧边栏特效
谷歌MaterialDesign侧边栏特效

谷歌Material Design侧边栏特效是一款基于jQuery+HTML5实现的鼠标滑过右侧滑出选项卡切换全屏特效

下载

三、通过开发者工具注入CSS强制清除打印样式

该方法针对部分网页因内联样式或框架限制导致界面设置失效的情况,通过控制台注入标准打印媒体样式,覆盖浏览器及页面自身的页眉页脚渲染逻辑。

1、在网页任意位置按 F12 打开开发者工具。

2、切换至 【Console】 标签页。

3、粘贴并执行以下代码:@page { margin: 0; }

4、关闭开发者工具,再次按下 Ctrl + P 进入打印界面。

5、此时即使不手动取消【页眉和页脚】勾选,预览中也应不再显示任何页眉页脚内容。

四、使用开发者工具临时删除结构化页头页脚容器

当网页本身包含固定定位的

、
或版权栏等HTML区块时,即使关闭系统页眉页脚,这些元素仍会被打印进PDF。本方法通过DOM操作直接移除干扰节点,实现视觉与逻辑双重“无边框”效果。

1、按 F12 打开开发者工具,或右键页面空白处选择 【检查】。

2、点击左上角 元素选择器图标(Ctrl + Shift + C),悬停并点击页面顶部导航栏或底部版权区域。

3、在Elements面板中定位到对应节点(如

、
或含 class="copyright" 的div)。

4、右键该节点,在菜单中选择 【Delete node】。

5、重复步骤2–4,直至仅剩核心正文区域可见;随后按 Ctrl + P 进入打印流程,并启用无边距与无页眉页脚设置。

相关文章

谷歌浏览器
谷歌浏览器

谷歌浏览器Google Chrome是一款可让您更快速、轻松且安全地使用网络的浏览器。Google Chrome的设计超级简洁,使用起来得心应手。这里提供了谷歌浏览器纯净安装包,有需要的小伙伴快来保存下载体验吧!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
chrome什么意思
chrome什么意思

chrome是浏览器的意思,由Google开发的网络浏览器,它在2008年首次发布,并迅速成为全球最受欢迎的浏览器之一。本专题为大家提供chrome相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.11

2606

5

chrome无法加载插件怎么办
chrome无法加载插件怎么办

chrome无法加载插件可以通过检查插件是否已正确安装、禁用和启用插件、清除插件缓存、更新浏览器和插件、检查网络连接和尝试在隐身模式下加载插件方法解决。更多关于chrome相关问题,详情请看本专题下面的文章。php中文网欢迎大家前来学习。

2023.11.06

4879

7

Chrome开启无痕模式
Chrome开启无痕模式

本专题整合了Chrome无痕模式开启相关内容,阅读专题下面的文章了解更多详细教程。

2026.03.24

3507

22

class在c语言中的意思
class在c语言中的意思

在C语言中,"class" 是一个关键字,用于定义一个类。想了解更多class的相关内容,可以阅读本专题下面的文章。

2024.01.03

3576

7

python中class的含义
python中class的含义

本专题整合了python中class的相关内容,阅读专题下面的文章了解更多详细内容。

2025.12.06

286

9

数据库Delete用法
数据库Delete用法

数据库Delete用法:1、删除单条记录;2、删除多条记录;3、删除所有记录;4、删除特定条件的记录。更多关于数据库Delete的内容,大家可以访问下面的文章。

2023.11.13

2731

4

drop和delete的区别
drop和delete的区别

drop和delete的区别:1、功能与用途;2、操作对象;3、可逆性;4、空间释放;5、执行速度与效率;6、与其他命令的交互;7、影响的持久性;8、语法和执行;9、触发器与约束;10、事务处理。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2023.12.29

845

3

console接口是干嘛的
console接口是干嘛的

console接口是一种用于在计算机命令行或浏览器开发工具中输出信息的工具,提供了一种简单的方式来记录和查看应用程序的输出结果和调试信息。本专题为大家提供console接口相关的各种文章、以及下载和课程。

2023.08.08

816

5

console.log是什么
console.log是什么

console.log 是 javascript 函数,用于在浏览器控制台中输出信息,便于调试和故障排除。想了解更多console.log的相关内容,可以阅读本专题下面的文章。

2024.05.29

5823

7

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
phpMyAdmin 常见问题
phpMyAdmin 常见问题

共0课时 | 0人学习

uni-app快速上手
uni-app快速上手

共0课时 | 0人学习