发布于 2026-01-06 1 阅读
0

5款对前端开发人员有用的浏览器扩展程序

5款对前端开发人员有用的浏览器扩展程序

1. 网站调色板

一款用于创建全面调色板的浏览器扩展程序。设计师和前端开发人员的必备工具。Site
Palette 可以提取网站上使用的所有颜色并创建调色板。您可以将调色板分享并导出到 Sketch、Adobe Swatch 等软件。扩展程序链接
网站调色板示例

2. 字体忍者

识别任何网站使用的字体,收藏它们,试用它们,并购买它们。
这是一个很棒的工具,可以检测网页上使用的字体,并在你自己的代码中使用它们(当然,前提是这些字体是免费且可用的)。

字体忍者示例

链接到扩展程序

3. ColorZilla

ColorZilla 是一款功能强大的吸管工具,集颜色选择器、渐变生成器等多种功能于一身。使用 ColorZilla,您可以轻松地从浏览器中的任意位置提取颜色,并将其直接复制到代码编辑器、Photoshop 文件等位置。

ColorZilla 的实用功能

  • 吸管工具 - 获取页面上每个像素的颜色
  • 高级颜色选择器
  • CSS渐变生成器
  • 网页颜色分析器 - 为网页创建调色板
  • 色彩历史 - 回顾最近选择的颜色

ColorZilla 示例
链接到扩展程序

4. 页面标尺

一款用于测量网页上物体尺寸的优秀工具。以像素为单位测量宽度和高度。

页面标尺示例
链接到扩展程序

5. JSON 格式化程序

用于在浏览器中清晰易读地显示 JSON 内容的扩展程序。
实用功能:

  • 支持 JSON 和 JSONP
  • 语法高亮
  • 可折叠树状图,带缩进指南
  • 可点击的网址
  • 切换原始 JSON 内容和已解析的 JSON 内容
  • 对于 URL 或本地文件


链接到扩展程序

文章来源:https://dev.to/vanwildemeerschbrent/5-useful-browser-extensions-for-front-end-devs-5c0d