使用键盘快捷键(最快捷)
这是最推荐的方法,无需任何设置。

| 操作系统 | 截取整个网页 | 截取部分区域(交互式) |
|---|---|---|
| Windows / Chrome OS | Ctrl + Shift + S |
Ctrl + Shift + I,Ctrl + Shift + P,输入 “screenshot” |
| macOS | ⌘ Command + Shift + S |
⌘ Command + Shift + I,⌘ Command + Shift + P,输入 “screenshot” |
说明:使用“部分区域”方法时,会先打开开发者工具,然后在命令菜单中可以选择四种截图模式:截取区域、全屏、当前节点或整个网页。
使用浏览器自带工具
- 地址栏图标法:点击浏览器地址栏最右侧的 “分享”图标(或“扩展程序”图标旁的锁形/星形图标),在弹出的菜单中选择 “截图”。
- 右键菜单法:在网页任意位置点击鼠标右键,选择 “为网页截图…”,这是新版本Chrome加入的功能,非常方便。
使用开发者工具(功能最全)
适用于需要精确控制(如仅截取某个HTML元素)或长截图的用户。
- 按
F12或Ctrl+Shift+I打开开发者工具。 - 按
Ctrl+Shift+P打开命令面板(Mac 是Cmd+Shift+P)。 - 输入关键词搜索截图命令:
Capture area screenshot:拖动鼠标选择区域截图Capture full size screenshot:截取整个可滚动页面的长图(最常用)Capture node screenshot:仅截取你选中的HTML元素Capture screenshot:截取当前视口
安装专业截图扩展(功能最强)
如果你需要滚动截图、添加标注、马赛克、箭头等编辑功能,建议安装扩展程序。
推荐扩展:
- GoFullPage:专攻高质量滚动长截图,口碑极佳。
- Awesome Screenshot:功能全面,支持截图、录屏、编辑标注。
- Lightshot:轻量快速,截图后可直接编辑和分享。
安装方法:
- 打开 Chrome 网上应用店。
- 搜索扩展名称。
- 点击“添加到 Chrome”即可。
使用操作系统自带工具
- Windows:按
PrtScn键或Win+Shift+S(使用更现代的“截图工具”)。 - macOS:按
Shift+Command+4选择区域,或Shift+Command+5打开完整截图工具。
总结与建议
- 追求最快:使用
Ctrl+Shift+S或右键菜单的“为网页截图”。 - 需要长截图:使用 开发者工具 中的
Capture full size screenshot命令,或安装 GoFullPage 扩展。 - 需要编辑标注:安装 Awesome Screenshot 等扩展。
- 截取特定元素:使用开发者工具的
Capture node screenshot命令。
截图完成后,图片通常会直接下载到“下载”文件夹,或出现在浏览器右下角的提示中,你可以点击进行复制或保存。
版权声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。