雪糕博客雪糕博客

雪糕博客
与你分享我的点点滴滴

Google Chrome浏览器截图功能(代码区域截图)

平时大家需要网页截图时,都安装截图软件进行截图,其实不用的。

Google Chrome浏览器原生就有自带截图功能,下面就给大家简单演示下使用方法步骤。

截图步骤

1、打开你需要截图的网页,鼠标右键菜单选择“检查”,或按“F12键”打开“开发者工具”。

2、随后按快捷键 Ctrl + Shift + P

  • 2.1.输入框输入“Capture”得到如下选项(用上下键进行选择);
  • 2.2.直接复制下面的英文,粘贴到对应的输入框即可;

capture area screenshot(鼠标自定义区域截图)

capture full size screenshot(完整页面的截图)

capture node screenshot(捕获节点屏幕截图,就原代码区域截图)

capture screenshot(当前屏幕显示区域截图)

3、选择“capture area screenshot(鼠标自定义区域截图)”回车键确认

鼠标在页面区域变成了“十字形”,按住鼠标左键不放(同时点击鼠标右键将取消选中的截图位置,可进行重新选择截图),即可进行自定义区域截图了,释放鼠标左键自动保存到设置好的下载文件夹。

打赏
未经允许不得转载:雪糕博客 » Google Chrome浏览器截图功能(代码区域截图)
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。
本站部分资源来源于网络,如有侵权请点击联系