码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-08-26 18:18:50      阅读:171      评论:0      收藏:0      [点我收藏+]

标签:ctrl   界面   apt   cap   谷歌浏览器   hot   直接   元素   screens   

命令截图

  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. 按住鼠标左键拉选需要截图的区域,松开鼠标,截图自动保存

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

标签:ctrl   界面   apt   cap   谷歌浏览器   hot   直接   元素   screens   

原文地址:https://www.cnblogs.com/52liming/p/9537668.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!