讲师中心 微信公众号
AI工具推荐 视频效率加速

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

小芳同学_8461

小芳同学_8461

发布时间:2026-03-21 08:37:03

|

482人浏览过

|

来源于php中文网

原创

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面板中定位到对应节点(如 <header>、<footer> 或含 class="copyright" 的div)。

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

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

相关文章

谷歌浏览器
谷歌浏览器

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

下载

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

热门AI工具

更多
Loomy
Loomy Hot

一款AI工具,主要用于科大讯飞发布的桌面级 AI 助理,比 OpenClaw 更易用、更安全!,适合需要提升相关任务效率的用户。

咔片AIPPT

一款在线AI演示文稿制作工具,可根据主题和内容需求辅助生成PPT结构与页面,提高演示材料制作效率。

LibLibAI
LibLibAI Hot

一款AI视频创作工具,主要用于国内领先的AI创意平台,以海量模型、低门槛操作与“创作-分享-商业化”生态,让小白与专业创作者都能高效实现图文乃至视频创意表达,适合需要提升相关任务效率的用户。

UpDream
UpDream Hot

一款AI视频创作工具,主要用于哔哩哔哩推出的自研AI视频创作工具,适合需要提升相关任务效率的用户。

PixPix
PixPix Hot

PixPix是一款面向电商视觉生产的AI商品图生成工具。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

切问学术

切问学术是一款AI论文写作工具,复旦大学NLP团队推出的AI学术智能体。

相关专题

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

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

2606

2023.08.11

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

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

4899

2023.11.06

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

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

3527

2026.03.24

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

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

3596

2024.01.03

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

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

286

2025.12.06

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

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

2751

2023.11.13

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

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

845

2023.12.29

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

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

816

2023.08.08

FrankenPHP集成Laravel详细教程
FrankenPHP集成Laravel详细教程

本专题提供FrankenPHP集成Laravel的详细配置指南,全面解析运行原理、开发环境搭建、Caddyfile配置、Octane工作模式、数据库连接、队列任务、定时任务和生产环境优化,解决部署过程中常见的报错与兼容性问题。

40

2026.10.08

热门下载

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

精品课程

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

共0课时 | 0人学习

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

共0课时 | 0人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn