1. 启用开发者工具
- 打开需截图的网页，按 `F12` 键或右键点击页面选择“检查”，调出开发者工具。也可通过点击右上角三个点→“更多工具”→“开发者工具”进入。
2. 选择截图方式
- 命令面板快捷操作：在开发者工具中，按 `Ctrl+Shift+P`（Mac为 `Cmd+Shift+P`）打开命令行界面，输入“Screenshot”后选择对应选项：
- 捕捉全页面：将整个网页内容保存为图片，包括未显示的部分。
- 捕捉可见部分：仅截取当前屏幕显示的区域。
- 捕捉选定区域：手动拖动鼠标选择页面中的特定区域。
- 捕捉节点：在元素面板中右键点击DOM节点，选择“捕捉节点截图”。
- 设备模式工具栏：点击右上角手机图标切换至设备模式，点击相机图标选择“捕捉全页面”或“捕捉区域”。
3. 保存与管理截图
- 截图完成后，浏览器会自动下载图片文件（默认格式为PNG），保存在本地默认下载文件夹中。可根据需要修改文件名以便管理。
4. 高级功能与扩展插件
- 扩展程序增强：安装如“Awesome Screenshot”或“Nimbus Screenshot”等扩展，支持编辑、标注及长网页截图。
- 系统工具替代：Windows用户可按 `Win+Shift+S` 使用自带截图工具；macOS用户可按 `Command+Shift+4` 选择区域截图。
5. 注意事项
- 若截图失败或未保存，检查浏览器左下角是否有错误提示，或尝试重启浏览器。
- 复杂网页建议优先使用“捕捉全页面”功能，避免遗漏内容。
