利用 Chrome 原生功能截图网页全图

Posted tty725

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了利用 Chrome 原生功能截图网页全图相关的知识,希望对你有一定的参考价值。

打开你想截图的网页了,然后按下 F12(macOS 是 option + command + i)调出开发者工具,接着按「Ctrl + Shift + P」(macOS 是 command + Shift + P)。紧接着输入指令 capture,它会提示有三个选项,分别是截取全屏、node 模式以及当前范围,用鼠标点击或者用键盘选择对应的就可以了。

而如果你想截取手机版的网页,可以先按「Ctrl + Shift + M」(macOS 是 command + Shift + M)切换到手机模式,再重复上面的截图操作即可。

相比起用扩展来截图,这个方式当然会复杂而且简陋点,但当你紧急需要时而且不方便下载扩展的时候,也是个不错的选择。当然你也可以选择使用自带了截图功能的浏览器。

以上是关于利用 Chrome 原生功能截图网页全图的主要内容,如果未能解决你的问题,请参考以下文章

chrome自带的截图

利用 Chrome 开发者工具远程调试 Android 中的原生 WebView

让 Chrome 浏览器也能使用苹果原生分享菜单

原生 js 实现截图粘贴预览图片功能

70.JS---利用原生js做手机端网页自适应解决方案rem布局

利用原生JS实现网页1920banner图滚动效果