如何截取整页、滚动长图与网页元素
了解整页、当前视图、网页元素和选定区域四种模式的真实操作、限制与选择建议。
快速选择
| 需求 | 推荐模式 |
|---|---|
| 保存完整长网页 | 截取整页 |
| 记录眼前看到的界面状态 | 截取当前视图 |
| 只要一个按钮、卡片或图片 | 截取网页元素 |
| 自己划定一个矩形范围 | 截取选定区域 |
截取整页
扩展会分析页面,从当前页面顶部开始自动滚动,捕捉多个片段并合成一张长图。
操作
- 等待页面主要内容加载完成。
- 点击扩展图标。
- 选择 截取整页。
- 保持目标标签页打开并处于活动状态,等待进度完成。
- 在自动打开的编辑页检查结果。
注意
- 截图过程中不要切换到其他标签页或大幅修改页面。
- 懒加载、无限滚动、粘性元素和动画可能影响结果。
- 超长页面可能超过浏览器单张图片尺寸限制,此时改用当前视图或较小区域。
- 如果页面内容持续变化,先暂停动画或等待数据稳定。
关于长页面截取的完整工作流——滚动长截图、懒加载内容处理、长页面导出 PDF 等,请参阅 滚动截图:完整捕获长网页。
截取当前视图
只捕捉当前浏览器视口内可见的网页内容,不会自动滚动。
操作
- 调整窗口大小和页面滚动位置。
- 选择 截取当前视图。
- 等待编辑页打开。
该模式通常最快,也是整页截图失败时的首选替代方案。
截取网页元素
用于捕捉页面中的单个 DOM 元素。
操作
- 选择 截取网页元素。
- 移动鼠标,观察蓝色高亮框、元素标签/类名和尺寸。
- 单击目标元素,扩展立即截图并打开编辑页。
- 按
Esc可在选择前取消。
当前限制
- 单击后不能移动或缩放选区,也没有回车确认步骤。
- 复杂嵌套结构可能优先选中内部或外部元素,选错时重新进入该模式。
- 超出当前视口的元素只会按当前可见边界处理;需要更大范围时使用整页或区域模式。
截取选定区域
用于捕捉当前视口中的任意矩形区域。
操作
- 选择 截取选定区域。
- 按住鼠标左键并拖动,选区会实时显示宽高。
- 松开鼠标后立即截图并打开编辑页。
- 选区小于约 20×20 像素时会被取消;按
Esc也可取消。
当前限制
松开鼠标后不能继续移动、缩放或锁定比例,也不支持方向键微调、双击或回车确认。需要调整时重新框选。
受保护页面
四种模式都不能绕过浏览器安全限制。Chrome 设置页、Chrome 网上应用店、扩展页以及部分内置页面无法截图。对于本地 file:// 页面,需要先在扩展详情中开启“允许访问文件网址”。
截图后保存
四种模式都会进入同一个编辑器,并按设置决定是否保存历史、自动复制和自动下载。查看设置说明了解默认行为。