Chrome 电脑浏览器强劲的位置之一取决于适用非常丰富多彩的拓展,遇到网页截图的状况,Awesome Screenshot,Nimbus Screenshot等早已是我们了解的截屏拓展运用,而 Chrome 更吸引人的地区取决于,商品自身维持简约,与此同时也内嵌了实用性的作用,一样客户不用使用一切拓展的条件下,运用 Chrome 原生态专用工具还可以完成网页截图实际效果。
Chrome 原生态的屏幕截图作用掩藏在微信开发工具中,Windows 服务平台按住 F12
迅速调成开发人员调节专用工具页面(MacOS 系统软件键盘快捷键为⌘Command + ⌥Option + I
)
然后按住 Ctrl + Shift + P
(macOS 版为⌘Command + ⇧Shift + P
)转至检索命令工具栏,或是鼠标光标挪动至工具栏按键 ┊,挑选Run command
,下边只须要在命令专用工具的文本框中键入相应的命令就可以完成不一样的截屏实际效果。
命令 | 作用 |
---|---|
Capture full size screenshot | 网页长截图 |
Capture screenshot | 截取网页页面可视性地区 |
Capture Area screenshot | 截取挑选一部分地区 |
Capture Node screenshot | 截取手机安卓版网页页面长图文 |
网页长截图。键入命令Capture full size screenshot
完成一整张网页长截图,Chrome 会自行将全部网页页面截取并储存至当地电脑上,全部截取速率和实际效果上面拥有非常好的主要表现。
截取网页页面可视性地区。键入命令Capture screenshot
将当今网页页面表明的地区全自动截屏并储存到当地。
截取挑选一部分地区。键入命令Capture area screenshot
将截取由客户选用的一部分地区。
截取挑选原素的內容。键入命令Capture node screenshot
将截取网页页面中选中原素的內容。这一截屏命令独到之处取决于,协助我们精确地截取网页页面中特殊属性的內容,最先客户挑选网页页面中某一截取原素,例如某张图片,某一边栏內容等,然后再运行Capture node screenshot
,那样能够降低手动式挑选截屏时的不正确率。
最终,根据 Chrome 仿真模拟挪动机器设备的作用,融合前边一整张网页长截图的命令,就可以转化成一张非常好的手机安卓版网页页面长图文。最先挑选微信开发工具条移动设备的按键(Windows 系统软件键盘快捷键 Ctrl + Shift + M
)开启仿真模拟机器设备作用,Chrome 内嵌了好几个机器设备和分辨率设置选择项,然后键入Capture screenshot
命令全自动輸出一张手机安卓版网页页面的长截图,下一步应用套壳专用工具就可以輸出一张美观大方的表现图。
1、神器源码网,仅供学习参考,不保证可用性。
2、如果资源涉及你的合法权益,第一时间删除。
3、联系方式:haoziu@163.com