利用Chrome浏览器的开发者工具截取整个页面

Posted web-php

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了利用Chrome浏览器的开发者工具截取整个页面相关的知识,希望对你有一定的参考价值。

①打开Chrome浏览器的开发者工具:

  快捷键: command + Alt + I (Mac)、 Ctrl + shift + I (Windows)

  或者: 鼠标右键 -> 弹出菜单中选择 "检查" 选项。

②打开命令行:

  快捷键:command + shift + P (Mac)、Ctrl + shift + P (Windows)

③输入命令:Capture full size screenshot 确定后,截图将会自动下载。

技术分享图片

以上是关于利用Chrome浏览器的开发者工具截取整个页面的主要内容,如果未能解决你的问题,请参考以下文章

chrome自带的截图

chrome自带的截图

如何利用 Chrome 浏览器实现滚动截屏

chrome中如何截取整个网页

Chrome开发者工具:利用网络面板做性能分析

利用Chrome的Performance工具排查页面性能问题(原叫timeline)