如果我的分享对你有帮助,请关注我,一起向上进击。
创作不易,希望大家给一点鼓励,把公众号设置为“星标”,给文章点个“赞”和“在看”,谢谢大家啦~
Web 开发是一个既有趣又有挑战的工作,但也需要不断地学习新的技术和工具,以提高开发效率和质量。Chrome 浏览器作为 Web 开发者的首选浏览器,拥有丰富的扩展插件,可以帮助开发者在各个方面提升开发体验和效率。

本文将介绍 9 款 Web 开发中可以提高效率的 Chrome 插件,希望对你有所帮助。
1. Scribe:用AI写文档 ?Scribe 是一个 AI 驱动的文档生成和分享工具,可以让你通过点击记录按钮,自动创建步骤指南,包括文本、链接和截图。
Scribe 的 Chrome 插件可以让你在浏览器中直接使用 Scribe 的功能,无需安装其他软件,节省时间和空间。Scribe 可以用于创建和分享如何指南、标准操作流程、软件文档、培训手册等内容。
2. FireShot:网页截图利器 ?FireShot 是一个网页截图插件,可以让你捕捉完整或部分的网页截图,并保存为 PDF/JPEG/GIF/PNG/BMP 等格式,还可以编辑、注释、上传、打印、发送或导出截图。
3. Lighthouse:网站性能审计 ?Lighthouse 是一个开源的自动化工具,用于改进网络应用的质量。
当对一个页面进行审计时,Lighthouse 会对页面进行一系列的测试,并生成一个报告,展示页面的性能、可访问性、最佳实践、SEO 等方面的评分和建议。
Lighthouse 的 Chrome 插件可以让你在浏览器中直接使用 Lighthouse 的功能,无需安装其他软件。?
4. Dark Mode:暗黑模式切换 ?Dark Mode 是一个可以让你快速地将浏览器页面转换为黑暗模式的插件,有助于减少视疲劳和节省电量。Dark Mode 的 Chrome 插件可以让你在浏览器的工具栏上点击一个按钮,就可以轻松地开启或关闭黑暗模式。
你还可以在选项页面中选择不同的黑暗主题,或者将某些网站加入白名单,排除黑暗模式的影响。
5. CSS Peeper:快捷查看样式 ?CSS Peeper 是一个简单实用的 CSS 属性查看器,可以让你在鼠标悬停在网页上的任何元素时,看到该元素的 CSS 样式信息,包括字体、颜色、尺寸、边距、定位等
6. JSON Formatter:JSON 美化 ?JSON Formatter 是一个专业的 JSON 数据查看和格式化工具,可以让你在浏览器中直接查看和编辑 JSON 数据,支持多种格式的转换和导出,还可以让你以树状图、代码、表格等多种方式展示 JSON 数据,方便阅读和分析。
7. What Font:识别字体 ?What Font 是一个专业的字体识别工具,可以让你快速地识别网页上使用的任何字体,包括字体名称、大小、颜色、重量等信息,还可以让你试用和下载字体。
8. Octotree:Github树形代码展示 ?Octotree 是一款对GitHub和Gitee视图展示非常友好的插件,用于将Github 或者Gitee项目代码以树形格式展示,而且在展示的列表中,我们可以下载指定的文件,而不需要下载整个项目。项目结构展示非常清晰直观,推荐下载使用。
9. Grepper:代码搜索引擎 ?Grepper 是一个查询和回答系统,专为编程社区设计。它可以让你轻松地从网上获取代码示例。
文章已经看到这了,
告诉你更多细节干货
欢迎围观我的朋友圈
?每天更新所想所悟