【工具】部分浏览器截图操作--Edge+Chrome+360浏览器

【工具】部分浏览器截图操作–Edge+Chrome+360浏览器

一、Google浏览器截图

1，进入Google浏览器开发者模式

• 在网页空白处右击鼠标，选择“检查(N)”，打开控制台；
• 快捷键Ctrl+shift+i；
• 快捷键F12；
• Google浏览器右上角“三点标志”－＞更多工具－＞开发者工具

2，打开Google浏览器命令行

• 快捷键Ctrl+shift+p
• 在命令菜单中输入 screen

2.1 Google浏览器全屏截图

• 选择命令：【Screenshot】Capture full size screenshot --网页长截图；
• 按回车键，Chrome会自动将整个网页内容截取并保存至本地电脑，整个截取速度和效果上都有着不错的表现。

2.2 Google浏览器区域截图

• 选择命令：【Screenshot】Capture area screenshot
• 将截取由用户选择的部分区域；

2.3 Google浏览器选择需要的元素点进行截图

• 选择命令：【Screenshot】Capture node screenshot；
• 截取选择元素的内容，这一截图命令特别之处在于，帮助用户准确截取网页中特定元素的内容，首先用户选择网页中某个截取元素，比如某张图片、某个边栏内容等，接着再运行Capture node screenshot，这样可以减少手动选择截图时的错误率；
• 使用方法;
  • 进入Google浏览器开发者模式，在“Elements”模块中选择需要截取的元素–边框/图片等；
  • 快捷键ctrl+shift+p进入命令行；
  • 输入Capture node screenshot。

2.4 根据当前屏幕的大小进行截图

• 选择命令：【Screenshot】Capture screenshot
• 将当前网页显示的区域自动截取并保存到本地；
  https://www.ifanr.com/app/1200866

二、Windows10自带的Edge浏览器截图

1，打开Edge浏览器“添加笔记”工具

• 1.1 Edge右上角“三点标记”－＞更多工具－＞添加笔记

2，选择“剪辑工具”

• 按照提示进行“拖动以复制区域”即可对网页进行任意剪辑；

三、360浏览器截图

1，使用自带截图工具

• 选择浏览器右上角“截图”工具
• 根据需要选择:
  • 指定区域截图
  • 指定区域截图【隐藏浏览器窗口】
  • 保存完整网页为图片