黄衣哥

文章 分类 评论
40 4 19

站点介绍

分享各种thing~

利用拥有Chrome内核 浏览器自带工具网页长截图

黄衣哥 2021-12-14 45 2条评论 知识 代码前端编程

首页 / 正文
本站换新域名啦 目前老域名:huangyige.cf 新域名:blog.huangyige.xyz 都可以访问啦!

发布于2022-01-01

使用需求

要想使用截图功能,你需要首先确保 Chrome 已升级至 59 或更高版本。

操作方法

在想要截图的网页中,首先按下 ⌘Command + ⌥Option + I(Windows 为 F12)快捷键,召唤出调试界面。
随后,按下 ⌘Command + ⇧Shift + P(Windows 为 Ctrl + Shift + P),输入命令 Capture full size screenshot 如果你的f12是中文的,请输入“捕获全尺寸屏幕截图”(只输前几个字母就能找到),敲下回车,Chrome 就会自动截取整个网页内容并保存至本地。
由于是渲染引擎直接输出,其比普通扩展速度更快,分辨率也更高。除了普通长截图以外,你还可以利用这一功能截取手机版网页长图。
只需要按下 ⌘Command + ⇧Shift + M (Windows 为 Ctrl + Shift + M)模拟移动设备,再按刚才的方法运行命令就可以了。
在顶部的工具栏中,你可以选择要模拟的设备和分辨率等设置。
如果你想准确截取网页的某一部分,可以按下 ⌘Command + ⇧Shift + C(Windows 为 Ctrl + Shift + C)嗅探元素。选中想要的部分后,再运行 Capture node screenshot 命令,一张完美的选区截图就诞生了。

效果

这是用ctrl+p的效果:

这是用长截图的效果:

系统会自动保存为PNG,很方便。

评论(2)

  1. 芬达 游客 2021-12-14 20:23 回复

    您好,芬达博客域名更换为 https://yu8.top 已为贵站添加博客,望更新一下链接

    1. 黄衣哥 管理员 2021-12-21 14:29 回复

      @芬达

      收到,已更换!

热门文章

最新评论

  • 黄衣哥

    @常瑞 谢谢,常来玩哦

  • 常瑞

    不错!

  • 黄衣哥

    @一直默默关注你 谢谢[[微笑]] 常来玩哦!

  • 黄衣哥

    @土拨许 可能是我写得太拉了[[猪头]][汗]

  • 黄衣哥

    @默默关注你的人 谢谢~[[微笑]] 常来玩哦

  • 默默关注你的人

    很有帮助哦

  • 土拨许

    学渣表示看不懂...

  • 一直默默关注你

    挺实用

  • 黄衣哥

    @芬达 收到,已更换![[呲牙]]

  • 芬达

    您好,芬达博客域名更换为 https://yu8.top 已为贵站添加博客,望更新一下链接

日历

2022年01月

      1
2345678
9101112131415
16171819202122
23242526272829
3031     

文章目录

推荐关键字: 洛谷 题解 c++ 代码 前端 JS CSS scratch 极域 HTML

站点公告
本站换新域名啦 目前老域名:huangyige.cf 新域名:blog.huangyige.xyz 都可以访问啦!
点击小铃铛关闭
配色方案