2020年6月11日
Jerry
11865
2026年8月17日
网页打印助手 — 框选区域，干净打印
厌倦了打印网页时满屏广告、排版混乱、内容缺失？这款 Chrome 扩展让你框选要打印的内容，一键打印，干净利落。
版本下载：1.0点击下载
为什么需要它？
打印网页时你一定遇到过这些痛点：
- 页面带满广告、侧边栏、评论区，打印出来浪费大量纸张
- 选中的内容在打印时被截断，纵向内容缺失
- 图片过大撑爆页面，或过小看不清
- 复制到 Word 再打印？格式全乱了
网页打印助手的解决思路很简单：让你自己选择要打印的区域，只打印你选的，其余全部隐藏。
安装方法
加载已解压的扩展程序（推荐）
- 下载插件压缩包并解压到一个文件夹
- 打开 Chrome 浏览器，地址栏输入
chrome://extensions/ - 打开右上角的「开发者模式」开关
- 点击「加载已解压的扩展程序」，选择解压后的文件夹
- 安装完成！浏览器右上角会出现插件图标
Edge 浏览器同样适用：地址栏输入
edge://extensions/，操作步骤相同。
使用方法
基本流程
- 点击插件图标 — 进入选择打印模式，鼠标变为十字光标
- 鼠标悬停 — 页面元素会高亮显示蓝色虚线框
- 点击选择 — 点击想要打印的区域，变为绿色实线框，左上角显示选择顺序编号（①②③...）
- 继续选择（可选） — 可以选择多个区域，按选择顺序分页打印
- 点击打印 — 工具栏点击「打印」按钮，弹出打印预览
- 完成 — 打印预览中只有你选中的内容，其余全部隐藏
工具栏功能
| 按钮 | 功能 |
|---|---|
| 打印 | 打印当前选中的所有区域，按选择顺序分页输出 |
| 清除 | 清除所有选择，重新开始 |
| 帮助 | 打开使用帮助页面 |
| 检查更新 | 检查是否有新版本，有新版会提示下载 |
| 退出 | 退出选择打印模式 |
功能特性
框选打印
不用复制粘贴，不用截图，直接在页面上点击选择要打印的区域。插件会自动识别可打印的内容块（文章、段落、表格、图片等）。
多区域分页打印
选择多个区域后，每个区域会单独分页打印，互不干扰。比如：先选标题区域，再选正文区域，再选表格区域，打印出来就是三页，每页一个区域，按你选择的顺序排列。
图片智能处理
- 图片自动限制在页面宽度内，不会撑爆
- 图片高度限制在 22cm 内（约 A4 可打印高度），不会一张图占一整页
- 使用
object-fit: contain保持图片比例不变形
保留原始样式
采用克隆 + 祖先包装器技术，打印时完整保留原始 CSS 样式——字体、颜色、表格边框、代码块高亮，和网页上看到的一模一样。
纵向打印不缺失
自动修复导致内容截断的 CSS 属性：
- overflow: hidden → visible（防止内容被裁剪）
- position: fixed/sticky → static（固定定位元素正常打印）
- transform、clip-path 等限制性属性自动重置
常见问题
Q：点击插件图标没反应？
请确认当前页面不是 chrome:// 或浏览器内置页面，这些页面不允许注入扩展脚本。刷新页面后再试。
Q：打印出来有空白页？
可能是选中的区域包含了空容器元素。尝试选择更具体的内容块（如直接点击文章正文区域）。
Q：打印时样式丢失？
部分网站使用动态 JavaScript 注入样式，克隆时可能无法完全保留。大多数情况下样式能正常保留。
Q：如何更新插件？
- 下载最新版本的压缩包
- 解压覆盖旧文件夹（或解压到新文件夹后在
chrome://extensions/重新加载） - 也可以在选择模式下点击工具栏的「检查更新」按钮
Q：支持哪些浏览器？
支持所有基于 Chromium 的浏览器：Chrome、Edge、Brave、360 浏览器等。
原创文章，转载请注明出处：
https://jerrycoding.com/article/html-print
《学习笔记》
0
微信
支付宝
