你好,我是坚持分享干货的 EarlGrey,翻译出版过《Python编程无师自通》、《Python并行计算手册》等技术书籍。
如果我的分享对你有帮助,请关注我,一起向上进击。
创作不易,希望大家给一点鼓励,把公众号设置为“星标”,给文章点个“赞”和“在看”,谢谢大家啦~
Web 开发是一个既有趣又有挑战的工作,但也需要不断地学习新的技术和工具,以提高开发效率和质量。Chrome 浏览器作为 Web 开发者的首选浏览器,拥有丰富的扩展插件,可以帮助开发者在各个方面提升开发体验和效率。
本文将介绍 9 款 Web 开发中可以提高效率的 Chrome 插件,希望对你有所帮助。
1. Scribe:用AI写文档 📝
![f35c08d299232851bc682af1a136bdf3.jpeg](https://i-blog.csdnimg.cn/blog_migrate/9f2278badda26470c328bb3f3becdf09.jpeg)
Scribe 是一个 AI 驱动的文档生成和分享工具,可以让你通过点击记录按钮,自动创建步骤指南,包括文本、链接和截图。
Scribe 的 Chrome 插件可以让你在浏览器中直接使用 Scribe 的功能,无需安装其他软件,节省时间和空间。Scribe 可以用于创建和分享如何指南、标准操作流程、软件文档、培训手册等内容。
2. FireShot:网页截图利器 📷
![ede4cb8178cc660c838cd1c962a6ab8e.png](https://i-blog.csdnimg.cn/blog_migrate/f531075ec132fd7a21e748a91fb0492e.png)
FireShot 是一个网页截图插件,可以让你捕捉完整或部分的网页截图,并保存为 PDF/JPEG/GIF/PNG/BMP 等格式,还可以编辑、注释、上传、打印、发送或导出截图。
3. Lighthouse:网站性能审计 🚀
![30d01c641af8ec7dc1074c4669ac8600.png](https://i-blog.csdnimg.cn/blog_migrate/7aaa0469b85b8cd408a42c295024ce9e.png)
Lighthouse 是一个开源的自动化工具,用于改进网络应用的质量。
当对一个页面进行审计时,Lighthouse 会对页面进行一系列的测试,并生成一个报告,展示页面的性能、可访问性、最佳实践、SEO 等方面的评分和建议。
Lighthouse 的 Chrome 插件可以让你在浏览器中直接使用 Lighthouse 的功能,无需安装其他软件。😊
4. Dark Mode:暗黑模式切换 🖤
![569bd572fe5d21774f2d43a973e107f7.jpeg](https://i-blog.csdnimg.cn/blog_migrate/a3eadf40f813b8e68b8c7c5e9c38957d.jpeg)
Dark Mode 是一个可以让你快速地将浏览器页面转换为黑暗模式的插件,有助于减少视疲劳和节省电量。Dark Mode 的 Chrome 插件可以让你在浏览器的工具栏上点击一个按钮,就可以轻松地开启或关闭黑暗模式。
你还可以在选项页面中选择不同的黑暗主题,或者将某些网站加入白名单,排除黑暗模式的影响。
5. CSS Peeper:快捷查看样式 👓
![a6fa06aa59ea664335ec61183e2aa3f9.jpeg](https://i-blog.csdnimg.cn/blog_migrate/4564cb21734a83007532e8cda31fb6f0.jpeg)
CSS Peeper 是一个简单实用的 CSS 属性查看器,可以让你在鼠标悬停在网页上的任何元素时,看到该元素的 CSS 样式信息,包括字体、颜色、尺寸、边距、定位等
6. JSON Formatter:JSON 美化 📝
![32217481337d338a3614b263c93b4db5.png](https://i-blog.csdnimg.cn/blog_migrate/00fa6e5b9234c001bef6aa054d797234.png)
JSON Formatter 是一个专业的 JSON 数据查看和格式化工具,可以让你在浏览器中直接查看和编辑 JSON 数据,支持多种格式的转换和导出,还可以让你以树状图、代码、表格等多种方式展示 JSON 数据,方便阅读和分析。
7. What Font:识别字体 🎨
![f9a9b9d171f276ca132c182054c69080.png](https://i-blog.csdnimg.cn/blog_migrate/2aa6a2fc873825be45d9730fb4343f34.png)
What Font 是一个专业的字体识别工具,可以让你快速地识别网页上使用的任何字体,包括字体名称、大小、颜色、重量等信息,还可以让你试用和下载字体。
8. Octotree:Github树形代码展示 🎋
![289900b589f2307bee8c259d2bcad163.jpeg](https://i-blog.csdnimg.cn/blog_migrate/3280094249857d42851934ef2d062dfc.jpeg)
Octotree 是一款对GitHub和Gitee视图展示非常友好的插件,用于将Github 或者Gitee项目代码以树形格式展示,而且在展示的列表中,我们可以下载指定的文件,而不需要下载整个项目。项目结构展示非常清晰直观,推荐下载使用。
9. Grepper:代码搜索引擎 🔍
![cfae967ff197a238f573a9cb8ec081cd.jpeg](https://i-blog.csdnimg.cn/blog_migrate/177341f96aabe5982152ef4cdb8e7d8f.jpeg)
Grepper 是一个查询和回答系统,专为编程社区设计。它可以让你轻松地从网上获取代码示例。
文章已经看到这了,别忘了在右下角点个“赞”和“在看”鼓励哦~
- EOF -
推荐阅读 点击标题可跳转
4、高效的终极秘诀
👇关注我的公众号👇
告诉你更多细节干货
欢迎围观我的朋友圈
👆每天更新所想所悟