每日分享最新，最流行的软件开发知识与最新行业趋势，希望大家能够一键三连，多多支持，跪求关注，点赞，留言。JSON 格式化程序我们列表中的第一个是一个简单但非常有用的扩展，称为JSON Formatter。
顾名思义，每当您在浏览器中打开 *JSON * 文件或查看来自后端端点的响应时，JSON 格式化程序都会对其进行格式化。
否则，它将完全不可读。因此，如果您曾经使用过JSON，那么这个轻量级的扩展是我书中必不可少的。ColorZilla我们列表中的第二个扩展名为 ColorZilla。
此扩展允许您从浏览器中的任何像素读取颜色值并将其粘贴到代码 编辑器中。
它还可以做得更多。它包括一个颜色选择器、滴管、渐变生成器和许多其他高级颜色工具。 它允许您从浏览器中的任何位置读取颜色，快速调整该颜色并将其粘贴到 另一个程序中，例如 Photoshop。
一些不错的功能最近挑选颜色的颜色历史_高级颜色选择器（类似于 PhotoshopYsX显示元素信息，如标签名称、类、id、大小..r键盘快捷键等。React Developer Tools我们列表中的下一个扩展是任何React 开发人员必备的，它被称为 -** React DeveloperTools**。
如果您单击此扩展程序，它不会执行任何操作，而是会在您的 ChromeDevTools 中添加两个新选项卡：“ Components”和“ Profiler”。
如果您曾经使用过 React JS，那么您就会知道React 中的一切都是组件。Components 选项卡显示了在页面上呈现的根 React组件，以及它们最终呈现的子组件。通过选择树中的一个组件，您可以 在右侧面板中检查和编辑其当前的道具和状态。
Profiler 选项卡允许您记录性能 信息。Redux DevTools我们的 * React DevTools **扩展的一个补充是 *ReduxDevtools。Redux 是一个广泛用于 React 的状态管理工具。此扩展将帮助您分析全局状态的变化。
您可以查看每个分派操作后的状态。如果你的项目使用 Redux，我肯定会推荐这个扩展。Fonts Ninja在网上冲浪时，我们经常会遇到一个网站，它使用了我们希望在项目中重用的漂亮字体。为了快速找出它是什么字体，我们可以使用名为 FontsNinja 的扩展。
字体忍者帮助识别字体并提供有关它们的信息。**算法**检查字体及其 CSS属性。在浏览器中安装好扩展后，点击扩展进入忍者字体检测模式。现在，如果您将鼠标悬停在任何文本上，您会看到一个带有字体类型的小工具提示。
更重要的是，如果您单击文本，您会看到一张漂亮的卡片，其中包含字体类型、字体大小、颜色等信息。就这么简单。CSS Peeper有没有想过网站上的行高、字体或按钮大小是多少？您是否通过检查元素来挖掘代码以找出使用的样式？你不必再这样做了。
CSS Peeper 是一个扩展，它可以通过使用这个名为CSS Peeper的扩展，以一种简单、组织良好和美观的方式帮助您检查样式。它使您能够以最简单的方式检查代码、检查隐藏的 CSS样式、颜色和资产。我不在乎cookie你是不是对弹出窗口感到沮丧几乎每个网站都这样“这个网站使用 cookie”？如果是，你可以使用“我不在乎关于 cookies 的扩展。
它删除了几乎所有网站的 cookie 警告！* 欧盟 * 规定，任何网站使用跟踪 cookie 之前必须获得用户的许可安装它们，想象一下那会有多恼人当你匿名上网或者删除 cookie 的时候每次关闭浏览器时都会自动。.Fake Fillerfake filler可帮助您使用随机生成的假数据填充表单字段。在处理表单时，有时表单中有很多输入字段，为了测试一切正常，我们必须一次又一次地填写每个字段。而且我们都知道代码在第一次尝试时不起作用。
因此，为了消除在字段中手动输入值的任务，我们可以使用 Fake Filler。它是用随机生成的假数据填充页面上所有输入字段的表单填充器。此扩展程序将为您节省时间，否则您将花费在填写冗长的表格上。
它使您可以自动化工作流程以提高效率。下次您开发表单或测试应用程序时。Responsive Viewer您是否曾经处于这样一个职位，您日夜工作以开发网站，却被客户抨击说该网站不是响应他的诺基亚 3310 或一些随机的非品牌设备？硬道理是——网站应该是完全响应几乎所有可能的屏幕。无论是即将推出的 8k 屏幕还是小小的 Galaxy Folds。
无论你是在学习 React、Angular、Vue，还是你的响应式查看器都能帮上忙。此扩展程序在一个视图中显示多个屏幕。疯狂的是，您不必测试每个设备的设计或功能设备。
您可以同时测试所有设备。Wappalyzer无论您是在学习Re。
