2025年每位开发者都应该使用的10款现代浏览器扩展程序。

由 Mux 主办的 DEV 全球展示挑战赛：展示你的项目！

几个月前，我意识到我的浏览器比我的代码注释还要杂乱。标签页太多，毫无条理，浪费了很多时间。于是我决定采取行动。

结果如何？这 10 个扩展程序彻底改变了我的工作流程。让我来和你们分享一下——没错，它们真的能带来显著的改变。

1. VisBug

你有没有过这样的经历：调试用户界面时，感觉就像在玩打地鼠游戏，不停地修改 CSS？VisBug 可以解决这个问题。直接在浏览器中调整间距、字体和布局，省时省力，还能避免你敲键盘的痛苦。

链接：https ://chromewebstore.google.com/detail/visbug/cdockenadnadldjbbgcallicgledbeoc?hl=en

2. React 开发者工具

如果你使用 React，这简直就是你的救星。轻松查看组件层级、props 和 state，再也不用费力猜测哪些组件在重新渲染以及原因了。

链接：https://chromewebstore.google.com/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl =en

3. 邮递员拦截器

API 是我们所有构建的基石。Postman Interceptor 可以让你捕获网络请求并直接在浏览器中进行调试。它就像拥有了后端透视能力。

链接：https ://chromewebstore.google.com/detail/postman-interceptor/aicmkgpgakddgnaphhhpliifpcfhicfo?hl=en

4. 黑暗读者

如果你曾在午夜盯着刺眼的白色屏幕发呆，那你需要 Dark Reader。它能瞬间将任何网站切换到深色模式。你的眼睛会感谢你的。（你的设计师朋友们可能不这么认为。）

链接：https ://chromewebstore.google.com/detail/dark-reader/eimadpbcbfnmbkopoojfekhnkhdbieeh

5. 网站开发人员

这款工具虽然老旧，但依然功能强大。它可以禁用 JavaScript、验证 CSS、调整视口大小——是前端开发人员的必备工具。

链接：https ://chromewebstore.google.com/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm

6. JSON 格式化程序

阅读压缩后的 JSON 就像试图阅读一本你不懂的语言的书。JSON Formatter 可以对其进行清理，使其更易读、更美观。毕竟，谁有时间眯着眼睛看呢？

链接：https://jsonformatter.org/

7. Wappalyzer

想知道一个网站背后的技术栈吗？Wappalyzer 会为你详细解析。无论是研究还是纯粹出于好奇，它都能帮到你。

https://www.wappalyzer.com/

8. 灯塔

性能。可访问性。SEO。Lighthouse 统统都能搞定。运行审核，几秒钟内即可获得可操作的洞察。把它想象成你的私人代码审查员（但没那么苛刻）。

https://chromewebstore.google.com/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk

9. 八叉树

如果没有 Octotree，浏览 GitHub 代码库就像蒙着眼睛在迷宫里摸索。它为 GitHub 添加了一个文件树视图，让查找所需内容变得无比轻松。

https://chromewebstore.google.com/detail/octotree-github-code-tree/bkhaagjahfmjljalopjnoealnfndnagc

10. 杀虫剂

对于追求完美的人来说，Pesticide 会勾勒出页面上的所有元素，方便你更快地调试布局。像素级完美设计？完全可以实现。

https://chromewebstore.google.com/detail/pesticide-for-chrome/bakpbgckdnepkmkeaiomhmfcnejndkbi?hl=en

额外功能：标签管理器

我们都经历过这种情况：打开了 50 多个标签页，效率直线下降。Tab Wrangler 会自动关闭不常用的标签页，但保留它们以供后续访问。清理浏览器，也清理你的思绪。

https://chromewebstore.google.com/detail/tab-wrangler/egnjhciaieeiiohknchakcodbpgjnchh

工具要么会拖慢你的速度，要么会提升你的水平。这些扩展程序属于后者。试试看，告诉我你最喜欢哪个。