如何截取整页、滚动长图与网页元素

了解整页、当前视图、网页元素和选定区域四种模式的真实操作、限制与选择建议。

快速选择

需求推荐模式
保存完整长网页截取整页
记录眼前看到的界面状态截取当前视图
只要一个按钮、卡片或图片截取网页元素
自己划定一个矩形范围截取选定区域

截取整页

扩展会分析页面,从当前页面顶部开始自动滚动,捕捉多个片段并合成一张长图。

操作

  1. 等待页面主要内容加载完成。
  2. 点击扩展图标。
  3. 选择 截取整页
  4. 保持目标标签页打开并处于活动状态,等待进度完成。
  5. 在自动打开的编辑页检查结果。

注意

  • 截图过程中不要切换到其他标签页或大幅修改页面。
  • 懒加载、无限滚动、粘性元素和动画可能影响结果。
  • 超长页面可能超过浏览器单张图片尺寸限制,此时改用当前视图或较小区域。
  • 如果页面内容持续变化,先暂停动画或等待数据稳定。

关于长页面截取的完整工作流——滚动长截图、懒加载内容处理、长页面导出 PDF 等,请参阅 滚动截图:完整捕获长网页

截取当前视图

只捕捉当前浏览器视口内可见的网页内容,不会自动滚动。

操作

  1. 调整窗口大小和页面滚动位置。
  2. 选择 截取当前视图
  3. 等待编辑页打开。

该模式通常最快,也是整页截图失败时的首选替代方案。

截取网页元素

用于捕捉页面中的单个 DOM 元素。

操作

  1. 选择 截取网页元素
  2. 移动鼠标,观察蓝色高亮框、元素标签/类名和尺寸。
  3. 单击目标元素,扩展立即截图并打开编辑页。
  4. Esc 可在选择前取消。

当前限制

  • 单击后不能移动或缩放选区,也没有回车确认步骤。
  • 复杂嵌套结构可能优先选中内部或外部元素,选错时重新进入该模式。
  • 超出当前视口的元素只会按当前可见边界处理;需要更大范围时使用整页或区域模式。

截取选定区域

用于捕捉当前视口中的任意矩形区域。

操作

  1. 选择 截取选定区域
  2. 按住鼠标左键并拖动,选区会实时显示宽高。
  3. 松开鼠标后立即截图并打开编辑页。
  4. 选区小于约 20×20 像素时会被取消;按 Esc 也可取消。

当前限制

松开鼠标后不能继续移动、缩放或锁定比例,也不支持方向键微调、双击或回车确认。需要调整时重新框选。

受保护页面

四种模式都不能绕过浏览器安全限制。Chrome 设置页、Chrome 网上应用店、扩展页以及部分内置页面无法截图。对于本地 file:// 页面,需要先在扩展详情中开启“允许访问文件网址”。

截图后保存

四种模式都会进入同一个编辑器,并按设置决定是否保存历史、自动复制和自动下载。查看设置说明了解默认行为。