谷歌浏览器怎么截长图?谷歌浏览器截长图的方法分享

有很多小伙伴们都不知道电脑谷歌浏览器怎么截长图,那么下面就由我们小编来为大家带来谷歌浏览器截长图的方法分享,希望能够帮助到大家,感兴趣的朋友往下看吧~
电脑谷歌浏览器截长图方法:
1、选择Chrome浏览器,打开需要截图的网页;
2、页面加载完成后,按下快捷键组合 Ctrl Shift I(Windows)/F12 或者 Alt Command I(Mac)调出开发者工具,具体如下图所示:

谷歌浏览器怎么截长图?谷歌浏览器截长图的方法分享

文章插图
3、开发者工具中,按下快捷键组合Ctrl ShiftP(Windows) 或 Command Shift P(Mac)来打开命令行,具体如下图所示:
谷歌浏览器怎么截长图?谷歌浏览器截长图的方法分享

文章插图
4、在命令行中输入"Screen",可以看到三个选项,根据不同需求进行选择,具体如下图所示:
谷歌浏览器怎么截长图?谷歌浏览器截长图的方法分享

文章插图
◆ 整个网页:Capture full size screenshot
◆ 节点网页:Capture node screenshot
◆ 当前屏幕:Capture screenshot
对以上三种截图方法示范:
1、截取整个网页的内容,进行截屏(Capture full size screenshot)
谷歌浏览器怎么截长图?谷歌浏览器截长图的方法分享

文章插图
2、选择需要的元素节点,进行截屏(Capture node screenshot)
谷歌浏览器怎么截长图?谷歌浏览器截长图的方法分享

文章插图
3、根据当前当前屏幕的大小,进行截屏(Capture screenshot)
谷歌浏览器怎么截长图?谷歌浏览器截长图的方法分享

文章插图
如果你想在网页中截取手机的画面截,可通过快速键 CtrlShiftM(Mac为 CommandShiftM)来开启模拟工具,切换 iPhone、iPad、Nexus、Galaxy 等装置开启网页的显示情形,再根据上面介绍的截图功能抓取网页在手机显示的画面截图,具体如图所示:
谷歌浏览器怎么截长图?谷歌浏览器截长图的方法分享

文章插图
利用Chrome浏览的开发者工具,完美实现网页全屏截图,不需要安装任何插件,大家快来试试吧 。
① Ctrl Shift I(F12)
② Ctrl Shift P
③ 输入"Screen"
④ 选择需要的方式截取:
? 整个网页(Capture full size screenshot)
? 节点网页(Capture node screenshot)
? 当前屏幕(Capture screenshot)
【谷歌浏览器怎么截长图?谷歌浏览器截长图的方法分享】

    推荐阅读