Chrome浏览器网页内容截图操作教程分享

来源:Chrome浏览器官网 时间:2025-07-21

Chrome浏览器网页内容截图操作教程分享1

以下是Chrome浏览器网页内容截图操作教程分享:
1. 启用截图功能:确保Chrome浏览器为最新版本,点击右上角菜单按钮,选择“帮助”,点击“关于Google Chrome”,若有可用更新会自动下载并安装,完成后重启浏览器。
2. 全屏截图:打开需截图网页,按“Ctrl + Shift + I”(Windows/Linux)或“Command + Option + I”(Mac)打开开发者工具面板,点击左上角“>>”图标展开更多选项,找到“Run command...”输入框,输入“screenCapture”按回车激活截图功能,再按“Ctrl + Shift + P”(Windows/Linux)或“Command + Option + P”(Mac)组合键,即可对整个屏幕进行截图,图片自动保存到电脑“下载”文件夹。
3. 部分截图:先按上述方法打开开发者工具面板并激活截图功能,当相机图标出现后,将鼠标指针移至需截取区域,鼠标变十字形状,按住左键拖动绘制矩形选区,释放左键后,再次按相应组合键完成部分截图,截图同样自动保存。
4. 节点截图:在需截取的节点上右键点击,选择“检查”,在右侧“Elements(元素)”面板中查看该节点后台页面代码,按下“Shift + Ctrl + P”(Windows/Linux)或“Shift + Command + P”(Mac)组合键,输入“Capture”并选择“Capture node screenshot”命令,浏览器将自动截取该节点全部内容并自动下载到本地。也可在该节点上右键点击,在弹出菜单中直接选择“Capture node screenshot”执行。
5. 当前页面显示部分截图:按下“Shift + Ctrl + P”(Windows/Linux)或“Shift + Command + P”(Mac)组合键,输入“Capture”并选择“Capture screenshot”命令,浏览器会自动截取当前可见区域内容并下载到本地。
6. 设置中文界面及自定义快捷键:按下“F12”键打开开发者调试页面,点击右上角设置图标,在常规设置中选择中文作为语言偏好,点击“Reload DevTools”重载开发者调试界面。再次打开设置窗口,点击“快捷键”选项,可对四种截图方式单独设置快捷键。

相关教程