8 个适用于浏览器的优秀开发者扩展⚙️🧑‍💻

介绍

1. ColorZilla

2. PerfectPixel

3.窗口调整器

4. Wappalyzer

5.FireShot​

6. Pinterest 保存按钮

7. Vue.js 开发者工具

8. JSON格式化程序

结束

介绍

今天我想谈谈那些可以让 Web 开发人员的工作变得更轻松的浏览器插件。

在这篇文章中，我决定给出我在工作时或在浏览器中浏览时经常使用的 8 个插件的示例。

让我们开始吧

1. ColorZilla

使用 ColorZilla，您可以从浏览器的任何位置获取颜色读数，快速调整此颜色并将其粘贴到另一个程序中。

这是一个很棒的插件，可以帮到你determine the code of any color on any pixel that you have pointed at with a special pipette。它适用于网站和图片。如果你无法将吸管指向图片，因为图片开始消失，请在单独的窗口中打开图片。

a)点击Pick Color From Page

b)我们将指向pipette和desired areaclick

c)打开Color Picker

2. PerfectPixel

PerfectPixel 允许开发人员和标记设计人员在开发的 HTML 顶部放置一个半透明图像覆盖，并在它们之间执行像素完美比较。

3.窗口调整器

此扩展程序会调整浏览器窗口的大小，以模拟各种分辨率。它对网页设计师和开发者尤其有用，可以帮助他们在不同的浏览器分辨率下测试布局。

4. Wappalyzer

Wappalyzer 是一款浏览器扩展程序，可以检测网站上使用的技术。它可以检测内容管理系统、电商平台、Web 服务器、JavaScript 框架、分析工具等等。

5.FireShot​

截取完整网页截图。截取、编辑并保存到PDF/JPEG/GIF/PNG、上传、打印、发送到 OneNote、剪贴板或电子邮件。

6. Pinterest 保存按钮

在线保存您最喜欢的想法，以便以后可以轻松地返回它们。

使用此插件，您可以将任何您喜欢的图像从您的收藏夹添加到您的Pinterest account.

当您将鼠标悬停在图像上时，您会在右上角看到一个红色按钮，您可以使用该按钮选择要保存图像的 Pinterest 集合。

a）选择图像

b)保存

7. Vue.js 开发者工具

用于调试 Vue.js 应用程序的 Chrome 和 Firefox DevTools 扩展。

一个很棒的插件，可以简化你在浏览器中的工作。它允许你查看你的component tree，以及data of the components本身。我相信这个插件对于任何 Vue 开发人员来说都是必备的。

8. JSON格式化程序

一个非常方便的插件，使 JSON 文件更具可读性，并且还使links clickable。

结束

感谢您花时间阅读我的帖子。您也可以推荐您使用的插件，或者建议一些比文章中介绍的插件更好的替代方案。

改变你的浏览器