HTML开发者工具抓取所有图片,利用Chrome开发者工具功能进行网页整页截图的方法...

说起要截取整个网站页面，很多朋友第一时间想到的都是用哪款chrome扩展，确实，我们网站之前也有介绍过一些截图插件比如：

但其实现在不少浏览器都自带截屏功能了。尤其是像chrome如此强大的浏览器，比较可惜的是 Chrome 目前并没有很明显地将这个功能展示出来，所以今天就让我们给大家分享一个可以不需要任何软件或者插件就可以直接整屏截取网页的方法吧！

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

打开你想截图的网页，然后按下 F12(macOS 是 option + command + i)调出开发者工具，接着按「Ctrl + Shift + P」(macOS 是 command + Shift + P)。紧接着输入指令 capture，它会提示有三个选项，如下图所示：

分别是截取全屏、node 模式以及当前范围，用鼠标点击或者用键盘选择对应的就可以了。

第二步：截取手机版的网页如果你想擷取网页在行动装置例如手机的画面截图，可通过快速键 Ctrl + Shift + M(Mac 为 ⌘Command + ⇧Shift + M)来开啟模拟工具，切换 iPhone、iPad、Nexus、Galaxy 等装置开启网页的显示情形，再搭配前面介绍的截图功能抓取网页在手机显示的画面截图。

是不是特别的简单呢？相比起用扩展来截图，这个方式当然会复杂而且简陋点，但当你紧急需要时而且不方便下载扩展的时候，也是个不错的选择。当然你也可以选择网页截图插件。

HTML开发者工具抓取所有图片,利用Chrome开发者工具功能进行网页整页截图的方法...相关推荐

使用Wireshark抓包工具抓取直播源
介绍Wireshark Wireshark是一款世界范围最广.最好用的网络封包分析软件,功能强大,界面友好直观,操作起来非常方便.它的创始人是Gerald Combs,前身是Ethereal,作为开源 ...
[Python] 抓取时光网的电影列表并生成网页
抓取时光网的电影列表并生成网页源码 https://github.com/YouXianMing/BeautifulSoup4-WebCralwer 分析利用BeautifulSoup进行分析网页 ...
KeeFarce工具抓取Keepass密码攻击复现及其行为监测
T1555 凭据管理攻击者可能会搜索常见的密码存储位置以获取用户凭据.密码存储在系统上的多个位置,具体取决于持有凭据的操作系统或应用程序.还有一些特定的应用程序可以存储密码,以方便用户管理和维护.获 ...
使用轻量级JAVA 爬虫Gecco工具抓取新闻DEMO
写在前面最近看到Gecoo爬虫工具,感觉比较简单好用,所有写个DEMO测试一下,抓取网站 http://zj.zjol.com.cn/home.html,主要抓取新闻的标题和发布时间做为抓取测试对象 ...
java使用htmlunit工具抓取js中加载的数据
htmlunit 是一款开源的java 页面分析工具,读取页面后,可以有效的使用htmlunit分析页面上的内容.项目可以模拟浏览器运行,被誉为java浏览器的开源实现.这个没有界面的浏览器,运行速度 ...
华为抓取错误日志在哪里_抓取网址进行分析爬虫工具Screaming Frog SEO Spider for Mac...
Screaming Frog SEO Spider for Mac是一款专门用于抓取网址进行分析的网络爬虫开发工具,你可以通过这款软件来快速抓取网站中可能出现的损坏链接和服务器错误,或是识别网站中临时 ...
Bus Hound 工具抓取串口数据（PC端抓取USB转串口数据）
测试环境: PC端 USB转串口链接终端板卡串口目标:抓取通信过程中的通信数据工具介绍: Bus Hound是是由美国perisoft公司研制的一款超级软件总线协议分析器,它是一种专用于PC机各 ...
python爬虫专家_Python爬虫入门教程 27-100 微医挂号网专家团队数据抓取pyspider-阿里云开发者社区...
1. 微医挂号网专家团队数据----写在前面今天尝试使用一个新的爬虫库进行数据的爬取,这个库叫做pyspider,国人开发的,当然支持一下. 安装起来是非常简单的 pip install pyspi ...
分享一款自动抓取公众号文章的工具
1. 自己手工打造的工具测试链接:http://mhtclub.com/html2richtext/ 在下面输入框输入想要抓取的公众号文章,点击获取文章内容,即可获取文章内容.目前支持抓取 http ...

HTML开发者工具抓取所有图片,利用Chrome开发者工具功能进行网页整页截图的方法...

HTML开发者工具抓取所有图片,利用Chrome开发者工具功能进行网页整页截图的方法...相关推荐

最新文章

热门文章