chrome提供四种局部截图方法:一、快捷键ctrl+alt+r/cmd+option+r框选;二、开发者工具命令菜单执行capture area screenshot;三、设备模拟模式下点击相机图标选择捕获区域截图;四、右上角菜单→更多工具→截图→选择区域。

如果您需要在谷歌浏览器中截取网页上的指定区域图片,但不确定如何操作,则可能是由于未启用或未正确调用Chrome内置的局部截图功能。以下是解决此问题的步骤:
一、使用快捷键直接框选区域截图
该方法无需打开任何面板,响应迅速,适用于临时、高频的局部截图需求,截图结果为PNG格式并自动保存至默认下载目录。
1、确保目标网页已完全加载并处于活动标签页。
2、按下Ctrl+Alt+R(Windows/Linux)或 Cmd+Option+R(Mac)组合键。
3、光标变为十字形后,按住鼠标左键拖动以框选所需区域。
4、松开鼠标即完成截图,文件立即以PNG格式下载至浏览器默认下载路径。
二、通过开发者工具命令菜单执行区域截图
此方式基于Chrome调试协议,支持精确像素级选取,且不受页面缩放比例影响,适合对截图精度有要求的场景。
1、在目标网页任意空白处右键,选择“检查”,或直接按下F12打开开发者工具。
2、按下Ctrl+Shift+P(Windows/Linux)或 Cmd+Shift+P(Mac)调出命令菜单。
3、在输入框中输入Capture area screenshot,系统将高亮匹配项。
4、按回车键执行命令,光标转为十字形。
5、按住鼠标左键拖动框选目标矩形区域,松开即生成截图并自动下载。
三、启用设备模拟模式后使用相机图标截图
设备模式提供图形化界面入口,降低操作门槛,同时支持在模拟移动设备视口下进行区域截图,确保响应式布局下的截图准确性。
1、打开开发者工具后,点击右上角手机/平板图标进入设备模拟模式。
2、工具栏顶部出现相机图标,点击展开截图选项菜单。
3、从下拉菜单中选择捕获区域截图。
4、光标变为十字形,拖动框选任意矩形范围,松开鼠标完成截图并自动下载。
四、通过右上角菜单启动内置截图工具
Chrome 88版本起集成的UI级截图功能,提供可视化裁剪界面,支持实时预览与鼠标拖拽调整,截图结果默认复制至剪贴板。
1、点击浏览器右上角三个垂直点图标打开主菜单。
2、依次选择更多工具 → 截图。
3、页面变暗并出现全屏截图蒙版,顶部显示工具栏。
4、点击“选择区域”按钮(虚线方框图标)。
5、用鼠标拖动划定目标区域,释放后自动完成截图。











