网页源代码抓取工具(手机显示的画面截图插件可以直接整屏Command网页的方法)

优采云 发布时间: 2021-10-08 05:02

  网页源代码抓取工具(手机显示的画面截图插件可以直接整屏Command网页的方法)

  说到截取整个网站页面,很多朋友第一时间就想到了用哪个chrome插件。确实,我们网站之前已经引入了一些截图插件,比如:

  1.很棒的截图,

  2.网页截图,

  3.Smartshot:支持滚动的谷歌浏览器截图插件

  4.Joxi 全屏截屏:全屏截屏插件

  但实际上,现在很多浏览器都有自己的截图功能。尤其是像chrome这样强大的浏览器,很可惜Chrome并没有明显的显示出这个功能,所以今天给大家分享一个不用任何软件、插件就可以直接全屏截取的网页。事情是这样的!

  

  第一步:打开chrome开发者工具。

  打开要截屏的网页,然后按 F12(对于 macOS 为 option + command + i)调出开发者工具,然后按“Ctrl + Shift + P”(对于 macOS 为 command + Shift + P)。然后输入命令capture,会提示三个选项,如下图:

  

  它们是捕捉全屏、节点模式和当前范围,用鼠标单击或用键盘选择相应的。

  第二步:截取手机版网页的截图。如果您想在手机等移动设备上对网页进行截图,可以使用快捷键Ctrl + Shift + M(⌘Command + ⇧Shift + M for Mac)启动模拟工具。在iPhone、iPad、Nexus、Galaxy等设备上切换网页的显示状态,然后使用上面介绍的截图功能对手机上显示的网页进行截图。

  

  是不是特别简单?相比使用扩展程序截屏,这种方式当然更加复杂和简陋,但是当您急需使用扩展程序又不方便下载扩展程序时,它也是一个不错的选择。当然,您也可以选择网页截图插件。

0 个评论

要回复文章请先登录注册


官方客服QQ群

微信人工客服

QQ人工客服


线