Web 开发必备的 9 款浏览器插件

你好，我是坚持分享干货的 EarlGrey，翻译出版过《Python编程无师自通》、《Python并行计算手册》等技术书籍。

如果我的分享对你有帮助，请关注我，一起向上进击。

创作不易，希望大家给一点鼓励，把公众号设置为“星标”，给文章点个“赞”和“在看”，谢谢大家啦~

Web 开发是一个既有趣又有挑战的工作，但也需要不断地学习新的技术和工具，以提高开发效率和质量。Chrome 浏览器作为 Web 开发者的首选浏览器，拥有丰富的扩展插件，可以帮助开发者在各个方面提升开发体验和效率。

本文将介绍 9 款 Web 开发中可以提高效率的 Chrome 插件，希望对你有所帮助。

1. Scribe：用AI写文档 📝

scribe

Scribe 是一个 AI 驱动的文档生成和分享工具，可以让你通过点击记录按钮，自动创建步骤指南，包括文本、链接和截图。

Scribe 的 Chrome 插件可以让你在浏览器中直接使用 Scribe 的功能，无需安装其他软件，节省时间和空间。Scribe 可以用于创建和分享如何指南、标准操作流程、软件文档、培训手册等内容。

2. FireShot：网页截图利器 📷

FireShot 是一个网页截图插件，可以让你捕捉完整或部分的网页截图，并保存为 PDF/JPEG/GIF/PNG/BMP 等格式，还可以编辑、注释、上传、打印、发送或导出截图。

3. Lighthouse：网站性能审计 🚀

Lighthouse

Lighthouse 是一个开源的自动化工具，用于改进网络应用的质量。

当对一个页面进行审计时，Lighthouse 会对页面进行一系列的测试，并生成一个报告，展示页面的性能、可访问性、最佳实践、SEO 等方面的评分和建议。

Lighthouse 的 Chrome 插件可以让你在浏览器中直接使用 Lighthouse 的功能，无需安装其他软件。😊

4. Dark Mode：暗黑模式切换 🖤

Dark Mode

Dark Mode 是一个可以让你快速地将浏览器页面转换为黑暗模式的插件，有助于减少视疲劳和节省电量。Dark Mode 的 Chrome 插件可以让你在浏览器的工具栏上点击一个按钮，就可以轻松地开启或关闭黑暗模式。

你还可以在选项页面中选择不同的黑暗主题，或者将某些网站加入白名单，排除黑暗模式的影响。

5. CSS Peeper：快捷查看样式 👓

CSS Peeper

CSS Peeper 是一个简单实用的 CSS 属性查看器，可以让你在鼠标悬停在网页上的任何元素时，看到该元素的 CSS 样式信息，包括字体、颜色、尺寸、边距、定位等

6. JSON Formatter：JSON 美化 📝

JSON Formatter

JSON Formatter 是一个专业的 JSON 数据查看和格式化工具，可以让你在浏览器中直接查看和编辑 JSON 数据，支持多种格式的转换和导出，还可以让你以树状图、代码、表格等多种方式展示 JSON 数据，方便阅读和分析。

7. What Font：识别字体 🎨

What Font

What Font 是一个专业的字体识别工具，可以让你快速地识别网页上使用的任何字体，包括字体名称、大小、颜色、重量等信息，还可以让你试用和下载字体。

8. Octotree：Github树形代码展示 🎋

Octotree

Octotree 是一款对GitHub和Gitee视图展示非常友好的插件，用于将Github 或者Gitee项目代码以树形格式展示，而且在展示的列表中，我们可以下载指定的文件，而不需要下载整个项目。项目结构展示非常清晰直观，推荐下载使用。

9. Grepper：代码搜索引擎 🔍

Grepper

Grepper 是一个查询和回答系统，专为编程社区设计。它可以让你轻松地从网上获取代码示例。

文章已经看到这了，别忘了在右下角点个“赞”和“在看”鼓励哦~

- EOF -

推荐阅读  点击标题可跳转

1、VS Code 变身小霸王游戏机！

2、认知升级：模型与范式转换

3、超赞的 Python 编译器，单核提速100倍

4、高效的终极秘诀

5、Python 3.12 版本有什么变化？

👇关注我的公众号👇

告诉你更多细节干货

欢迎围观我的朋友圈

👆每天更新所想所悟