前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Chrome的F12还能这样用?涨知识

Chrome的F12还能这样用?涨知识

作者头像
学前端
发布2020-04-07 16:14:36
5840
发布2020-04-07 16:14:36
举报
文章被收录于专栏:前端之巅前端之巅前端之巅

我们都知道,Chrome的F12 开发者工具有许多的功能,上可调试CSS,下可打断点找BUG。这些都是比较基本的使用方法。

你可能不知道 我们的Chrome可以一键截取选中的部分网页,甚至可以一键长截图,将整个网页都截取下来(有点类似于某些手机截屏软件的长截屏,有自动下拉的功能)。

操作步骤:

打开你需要截取的网页

按下F12 或者是 Ctrl + Shift + I 来打开开发者模式

然后就是最关键的一步,在开发者模式界面,按下 Ctrl + Shift + P,就会弹出一个框 上面有一个尖括号,是不是很像某些IDE的安装插件模式呢?

没错,在这里,有着许多的Chrome插件,可以在上面输入 Capture 等关键字,即可得到截取我也为图片的相关功能。

就是上图这样的一个场景。

当然,这个开发者工具不只有截取全屏的功能,我们可以将尖括号换成问号来获取相关的帮助文档。当然,这个开发者工具还有许多等着大家慢慢尝试,也可以上网搜索一下,或许会有意想不到的惊喜哟。

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2020-02-22,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 一起学前端 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
云开发 CLI 工具
云开发 CLI 工具(Cloudbase CLI Devtools,CCLID)是云开发官方指定的 CLI 工具,可以帮助开发者快速构建 Serverless 应用。CLI 工具提供能力包括文件储存的管理、云函数的部署、模板项目的创建、HTTP Service、静态网站托管等,您可以专注于编码,无需在平台中切换各类配置。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档