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

命令截图

  1. 打开开发者工具:F12Ctrl + Shift + iCtrl + 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. 按住鼠标左键拉选需要截图的区域,松开鼠标,截图自动保存
posted @ 2018-08-26 16:06 小鸣的微笔记 阅读(...) 评论(...) 编辑 收藏