利用Google Chrome开发者模式截图整个网页

平时使用普通的截图工具(QQ、微信等等)的时候,只能截取当前屏幕所显示的内容,但是在网页中想截取整个页面的内容时候,需要借助一些插件或者工具之类的,学习了Google Chrome的开发者工具之后,不需要借助任何工具就可以获取整个网页的截图了

1.找一个示例网站

地址:https://xie.infoq.cn/article/4192eb112698087073d1a3fb2

2.在当前网页中打开开发者模式

打开开发者模式有很多种方式

1.快捷键:Ctrl+Shift+i

2.快捷键:F12

3.浏览器选项:

打开之后就是这样的:

3.选择Google Chrome自带的截图插件

1.在开发者模式当前页面按快捷键Ctrl+Shift+P,会出现插件选项

2.搜索插件名字full,Capture full size screenshot的意思就是截图整个网页

然后按Enter或者用鼠标点击该选项就可以直接截图整个网页了,打开下载的图片就是整个网页的截图了