方法1:使用浏览器自带工具(无需插件)
-
打开开发者工具:

- 按快捷键
F12(或右键网页选择“检查”)。 - 按快捷键
Ctrl+Shift+P(Windows/Linux)或Cmd+Shift+P(Mac)打开命令菜单。
- 按快捷键
-
输入截图命令:
- 在命令框中输入
screenshot,会看到多个选项:- Capture area screenshot:区域截图(直接选择此命令)。
- Capture full size screenshot:整个网页截图。
- Capture node screenshot:截图某个网页元素。
- 在命令框中输入
-
操作步骤:
- 选择“Capture area screenshot”后,鼠标会变成十字图标。
- 按住左键拖动选择区域,松开后自动保存截图到下载文件夹。
方法2:使用快捷键(部分系统支持)
- Windows/Linux:
Ctrl+Shift+S - Mac:
Cmd+Shift+S按快捷键后,浏览器会进入截图模式,可选择“区域截图”或“整个网页截图”。
⚠️ 注意:此功能可能需 Chrome 79 以上版本,且默认可能未开启,若无效,请用方法1。
方法3:安装截图插件(功能更丰富)
推荐安装官方扩展程序,
- GoFullPage:支持滚动长截图。
- Awesome Screenshot:区域截图、标注、编辑等。
- FireShot:截图后可直接保存为PDF。
操作步骤:
- 打开 Chrome 应用商店,搜索插件名称 → 点击“添加至 Chrome”。
- 安装后,点击浏览器右上角插件图标即可使用。
方法4:系统自带截图工具(通用)
- Windows:按
Win+Shift+S使用系统截图工具。 - Mac:按
Cmd+Shift+4区域截图。 - Linux:多数系统自带截图工具(如 GNOME 的
Shift+PrtSc)。
总结建议
- 快速区域截图:优先用方法1(开发者工具命令)或方法2(快捷键)。
- 需标注/编辑:安装插件(如 Awesome Screenshot)。
- 系统通用:直接使用系统截图工具(如
Win+Shift+S)。
根据需求选择即可,无需额外工具时,Chrome 自带功能已足够高效!
版权声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。