首页 > Chrome浏览器截图工具支持自定义尺寸吗
Chrome浏览器截图工具支持自定义尺寸吗
来源:Chrome浏览器官网时间:2025-07-24

1. 通过开发者工具设备模式自定义尺寸:按下F12键打开DevTools,点击“笔记本/手机”图标或直接使用Ctrl+Shift+M快捷键,激活设备工具栏。在“尺寸”中可选择预设的设备尺寸,也可点击“Edit”菜单,选择“Add custom device”,自行添加特殊的尺寸,包括设置宽度、高度、设备像素比等属性,还可选择其为移动设备或桌面设备。设置好自定义尺寸后,点击“更多选项”(三个点)图标,选择“截取屏幕截图”或“截取完整尺寸的屏幕截图”。
2. 通过命令面板结合元素定位自定义尺寸:按下Ctrl+Shift+I组合键打开开发者工具,按Ctrl+Shift+P打开命令面板,输入“screenshot”后,选择“Capture area screenshot”指令,此时鼠标光标变为十字形,可在网页中拖动划出一个想要的区域进行截图,从而实现自定义尺寸的截图。若想更精准地截取特定元素,可在“Elements”面板中找到该元素,右键点击选择“Inspect”,然后在“Console”面板中输入相关代码获取元素尺寸和位置信息,再通过画布将其转换为图片并保存,也能实现自定义尺寸的截图。