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

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

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

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

转载于:https://www.cnblogs.com/Tty725/p/9845680.html

利用 Chrome 原生功能截图网页全图相关推荐

Chrome原生工具实现长截图
Chrome原生工具实现长截图文章目录 Chrome原生工具实现长截图前言操作步骤参考文章前言我们在网上冲浪时,经常遇到一些搞笑的或者是写的比较好的文章,想长截图给别人分享.可是 Wind ...
有下拉条时截网页全图方法(Chrome)
利用 Chrome 浏览器的开发者工具截取整个页面注:火狐浏览器右上角有截全屏工具打开 Chrome 浏览器,进入需要截图的网站页面. 等待页面加载完毕后,通过第三步打开开发者工具. 在页面任何地 ...
用原生JS实现网页调用系统自带的分享功能
流量当下的网络大环境,如何让我们的网站更容易出现在网民的视野中?这里我们就用原生JS实现网页调用系统自带的分享功能,为网页增加一个分享功能! 语法参数: url 要共享的 URL( USVString ...
利用Chrome浏览器“自动下载”功能窃取Windows登录密码
本文讲的是利用Chrome浏览器"自动下载"功能窃取Windows登录密码,在过去的十几年中,除了IE以及Edge浏览器之外,其余还没有公开针对SMB认证攻击的方法.这篇文章介绍的 ...
Leaflet框选截图网页框选截图 -- 类似QQ截图功能
Leaflet框选截图网页框选截图 -- 类似QQ截图功能功能需求搜索资源功能拆分进阶功能结束语实现截图(红框中即是将要截取的内容) 下载到本地的截图功能需求近日. 项目中有一需求: ...
chrome截网页全图
chrome截网页全图打开开发者工具调出命令框并搜索结果下面以京东网站为例打开开发者工具 Fn+F12,或ctrl+shift+I,或调出命令框并搜索再按下ctrl+shift+p(ma ...
《转载》使用Chrome浏览器截取整个网页
chrome插件网介绍过好几款chrome网页截图插件,因为不单单是我们工具中会用到,对于一般使用者来说网页截图也是相当必要.而笔者平时的使用经验是透过截图工具来抓取我需要的范围,每天都要跟截图工具打 ...
怎样使用Chrome浏览器截取整个网页?
方法1: 我们chrome插件网介绍过好几款chrome网页截图插件,因为不单单是我们工具中会用到,对于一般使用者来说网页截图也是相当必要.而笔者平时的使用经验是透过截图工具来抓取我需要的我们chr ...
前端性能优化必备技能 - 利用 Chrome Dev Tools 进行页面性能分析
背景我们经常使用 Chrome Dev Tools 来开发调试,但是很少知道怎么利用它来分析页面性能,这篇文章,我将详细说明怎样利用 Chrome Dev Tools 进行页面性能分析及性能报告数据 ...

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

利用 Chrome 原生功能截图网页全图相关推荐

最新文章

热门文章