每个开发者都喜欢的 10 大 Chrome 扩展程序 1.Octotree 2. Dark Reader 3. SourceGraph 4. Web Developer 5. ColorPick Eyedropper 6. Ghostery 7. Session Manager 8. JSONView 9. Page Ruler 10. Wappalyzer Refined GitHub

2025-05-26

每位开发者都喜欢的 10 款 Chrome 扩展程序

1.八叉树

2.黑暗读者

3.SourceGraph

4. Web开发人员

5. ColorPick吸管

6.幽灵

7. 会话管理器

8. JSONView

9. 页面标尺

10. Wappalyzer

精炼 GitHub

1.八叉树

Octotree Pro 功能丰富,可将您的 GitHub 生产力提升到新的高度!成千上万的开发人员每天都在使用 Octotree Pro 来提高他们的生产力。

只需点击按钮,即可随时在线取消。但我们的取消率低于 1%,您可能永远不会这么做。

我们推荐团队套餐,每位员工每月仅需约 2 美元。您的公司可以邀请任何人加入订阅。

https://www.octotree.io/

替代文本

2.黑暗读者

每个网站都适用暗黑模式。呵护您的双眼,在夜间和日常浏览时使用暗黑主题。
这款护眼扩展程序支持夜间模式,可随时为网站创建暗黑主题。Dark Reader 可反转亮色,使其具有高对比度,方便夜间阅读。

您可以调整亮度、对比度、棕褐色滤镜、暗模式、字体设置和忽略列表。

https://darkreader.org/

替代文本

3.SourceGraph

Sourcegraph 为每家公司提供这个标准的开发者平台,帮助初创企业和大型企业更快地交付更好的软件。

https://sourcegraph.com

替代文本

4. Web开发人员

Chrome 的 Web 开发者扩展程序添加了一个小工具栏,其中包含各种可用的工具。这款 Chrome 开发者扩展程序的最初概念源自 PNH 开发者工具栏。Chrome
扩展程序 Web 开发者拥有许多方便的工具,可供开发人员在日常工作中使用——无论是设计师还是程序员。它比标准的 Chrome 检查器功能更多,例如只需点击即可轻松为元素添加轮廓、显示标尺、查找页面上所有损坏的图像等等。

https://chrispederick.com/

替代文本

5. ColorPick吸管

一款吸管和颜色选择器工具,可让您从网页中选择颜色值。
如果您觉得需要向开发者报告错误,请使用反馈论坛,而不是撰写评论。

如果您在准确性方面遇到问题,请使用箭头键,并在鼠标到达大致位置后输入以选择颜色。

请注意,颜色是从页面快照中选择的,该快照仅在滚动时更新。要拍摄新的快照,请按 R 键或使用重新快照按钮。有时,如果您刚刚切换了标签页,可能会看到快照错误 - 这是一项有意为之的安全功能。按 R 键或滚动屏幕即可更正此错误,或者退出颜色选择并重试。

http://vidsbee.com/

替代文本

6.幽灵

Ghostery 是一款出色的 Chrome 扩展程序,可以检测网站上的跟踪器、像素以及任何其他嵌入的代码片段。您可以立即查看您访问过的网页上安装了哪些插件和跟踪器。此外,Ghostery 还能保护您的隐私。无需注册或登录即可使用此 Chrome 扩展程序。

https://www.ghostery.com/

替代文本

7. 会话管理器

简单却强大的标签页集管理。快速轻松地保存、更新、移除和恢复标签页集!
Session Manager 是一款简单却强大的扩展程序,可让您快速轻松地保存、更新、移除和恢复标签页集。

https://chrome.google.com/webstore/detail/session-manager/mghenlmbmjcpehccoangkdpagbcbkdpc?hl=en

替代文本

8. JSONView

您可以在选项页面中配置 JSON 解析方法:

  • 默认方法(从显示的页面中提取 JSON 内容)速度更快,但(在极少数情况下)可能会改变或无法解析 JSON 内容。
  • 安全方法需要额外的 XMLHttpRequest 请求(从 HTTP 响应中提取 JSON 内容)但 100% 安全。

https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc?hl=en

替代文本

9. 页面标尺

绘制标尺即可获取像素尺寸和定位,并测量任何网页上的元素。Page
Ruler 可让您在任何页面上绘制标尺,并显示其宽度、高度和位置。

https://chrome.google.com/webstore/detail/page-ruler/emliamioobfffbgcfdchabfibonehkme?hl=en

替代文本

10. Wappalyzer

Wappalyzer 是一款跨平台实用程序,可揭示网站上使用的技术。它可以检测内容管理系统、电商平台、Web 框架、服务器软件、分析工具等等。

https://www.wappalyzer.com/

替代文本

文章来源:https://dev.to/shijiezhou/top-10-chrome-extensions-every-developer-likes-3ehk
PREV
每个开发人员都喜欢的十大 JavaScript 模式
NEXT
我为什么使用 Web 组件 - 我的用例