谷歌浏览器开发者工具截图

Posted 2021-01-01 52liming

命令截图

1. 打开开发者工具：F12或Ctrl + Shift + i或 Ctrl + Shift + c
2. 打开命令输入界面：Ctrl+P, 再输入 >screenshot, （或者直接Ctrl+Shift+P, 再输入命令screenshot）
3. 可看到下面三条命令
   • Capture full size screenshot 截取整个网页
   • Capture node screenshot 截取当前选中的html 节点
   • Capture screenshot 截取当前可见范围内的网页
4. 根据需要进行选择相应命令即可

自定义区域截图

1. 打开开发者工具并点击选择页面中元素按钮（开发者工具左上脚那个箭头），或直接按Ctrl + Shift + C
2. 按住Ctrl键不放
3. 按住鼠标左键拉选需要截图的区域，松开鼠标，截图自动保存