按F12(⌘Command + ⌥Option + I)打开调试界面

随后,按下Windows 为 Ctrl + Shift + P (⌘Command + ⇧Shift + P),输入命令 Capture full size screenshot(只输前几个字母就能找到),敲下回车,Chrome 就会自动截取整个网页内容并保存至本地。由于是渲染引擎直接输出,其比普通扩展速度更快,分辨率也更高。

除了普通长截图以外,你还可以利用这一功能截取手机版网页长图。只需要按下Windows 为 Ctrl + Shift + M (⌘Command + ⇧Shift + M )模拟移动设备,再按刚才的方法运行命令就可以了。在顶部的工具栏中,你可以选择要模拟的设备和分辨率等设置。

如果你想准确截取网页的某一部分,可以按下Windows 为 Ctrl + Shift + C (⌘Command + ⇧Shift + C)嗅探元素。选中想要的部分后,再运行 Capture node screenshot 命令,一张完美的选区截图就诞生了。

此外,Capture screenshot 命令可以让你截取当前网页的可视部分。

chrome浏览器 自带网页截取长图功能相关推荐

  1. jquery实现截取pc图片_如何优雅的对网页截取长图

    苏生不惑第115 篇原创文章,将本公众号设为星标,第一时间看最新文章. 最近写文章想截个长图,才发现一直使用的QQ早有这个功能了,这里就整理几个pc上网页长截图的方案. qq滚动截图 qq截图应该很多 ...

  2. Chrome浏览器自带截长图功能,只需两个快捷键!

    截图大家都会,微信截图,或者下载截图工具Snipaste.PicPick等都可以实现.但如果要截取当前浏览器的整个页面呢?可能需要下载专门截长图的工具,比如FastStone Capture.今天要说 ...

  3. 【Chrome 浏览器自带谷歌翻译用不了】

    [Chrome 浏览器自带谷歌翻译用不了] 1. 前言 1.1 问题模拟 1.2 分析底层逻辑 2. 解决办法 2.1 实操 2.2 验证效果 3. 总结 1. 前言 最近发现 自己的Chrome 浏 ...

  4. 使用强大的Chrome浏览器自带截图功能

    最近要使用到滚动截图功能,xnip 的滚动截图经常失败就很蛋疼,于是在网上搜了下原来 Google 也有截图功能,在这里和大家分享一下. 使用快捷键打开浏览器的控制台 Ctrl + Shift + I ...

  5. Chrome 浏览器清除单张网页缓存

    Chrome 浏览器清除单张网页缓存的方法: 打开该网页 打开开发者工具 长按"重新加载"按钮,直至出现一个菜单 选择"清空缓存并硬性重新加载"

  6. HTML谷歌怎么加背景音乐,谷歌Chrome浏览器怎么提取网页的背景音乐?

    谷歌Chrome浏览器怎么提取网页的背景音乐?授人以鱼不如授人以渔,看到网友LYF在论坛某网站首页的网页背景音乐,热心网友Q1628393554真心可爱,将具体操作方法分享了出来,这是帮了我的大忙,可 ...

  7. 电脑如何截长图?如何用电脑截取长图——规划全景

    一个规划的,想知道如何用电脑截取长图--规划全景 1.F12    2.Ctrl+Shift+P 3.full

  8. Chrome浏览器自带翻译功能不能使用了?看我的解决方法

    Chrome浏览器自带翻译功能不能使用了?看我的解决方法 问题 这几天,想使用Chrome浏览器自带的翻译功能时突然无法使用了!(如下图所示)一搜才知道谷歌暂停的翻译功能对中国的支持,要重新换一个翻译 ...

  9. Snagit for Mac 如何截取长图,滚动截图?

    困扰我很久了,为了在mac上截取长图,今天终于成功了. 如下图: 第一步:选择image. 第二步:Selection选择Panoramic,就是选择滚动截图的意思. 第三步:到达你想要滚动截图,也就 ...

  10. Chrome浏览器自带谷歌翻译用不了的解决方法

    chrome浏览器自带的翻译用不了,改host和重定向cdn已经试过了,无效 现在用插件法可以解决,安装谷歌官方的翻译插件,在浏览器上启用手动点击翻译即可 https://chrome.google. ...

最新文章

  1. CentOS 部署 flask项目
  2. python容易学吗-python容易学么
  3. mysql 返回mysql,mysql函数返回表
  4. 增加第三方插件_AE插件排行!!
  5. 第四篇:稳定性之提升团队潜意识【及时止损、监控报警】
  6. 用python 开发合同管理系统_python3.6+django2.0 一小时学会开发一套学员管理系统demo...
  7. [.NET] 使用 .NET Framework 開發 ActiveX Control
  8. cc2540 android,手机APP通过CC2541蓝牙模块来控制LED等,附安卓APP源码
  9. js 验证的银行卡信息(哪家银行、储蓄卡还是信用卡)
  10. volatility常用的命令
  11. 【自动驾驶感知领域目前研究热点】
  12. 更完善的 Docker + Traefik 使用方案
  13. Word中替换手动换行符的处理
  14. 计算机软件属于哪一类无形资产,财务软件属于无形资产哪一项
  15. .invokeRequired属性和 invoke()方法
  16. JAVA实现短信接口的调用
  17. ETF操作实战记录:2022-2-22
  18. JavaSE自学笔记013_Real(抽象类、接口、两种设计模式)
  19. 导图解书-经典(04)断舍离
  20. JavaScript验证Email的四种方法

热门文章

  1. c程序设计第五版谭浩强课后答案 第四章习题答案
  2. Web渗透测试工程师:入门知识
  3. 学好英语网html首页制作,首页英语
  4. mysql中自增的关键字_MySQL自增型字段的关键字是auto_increment。
  5. 电脑分屏操作,提高工作和学习效率
  6. “向死而生”的微信视频号,逆风翻盘的2020
  7. 苹果商店打不开怎么办_苹果手机迅雷版,iOS迅雷Beta内测版企业版安装下载
  8. Synergy让一个鼠标一个键盘操作多台电脑
  9. 一文解读KANO模型
  10. 恩智浦imx8qxp-mek的 device Tree 结构