扩展开发者工具，添加一个面板，显示当前页面中所做的所有其他 css 更改这是 Web 开发人员的工具，可跟踪当前页面中所做的所有 CSS 修改 - 内联、嵌入和链接。更改保存在单独的面板中（在开发人员工具中），可以下载以供更新参考。请注意，该扩展仍处于 alpha 阶段，并不打算进行大量 CSS 更改PS链接到g

测量元素之间的距离使前端和元素不对齐 - 此扩展将帮助您找到原因。它显示了一个突出显示页面元素的叠加层。单击该元素后，该元素将变为固定状态，然后在固定元素和当前突出显示的元素之间进行测量。

显示当前选项卡的颜色代码一个 Web 应用程序，显示您当前所在网站的颜色代码。 RGB 值、HSL 值和十六进制值。

允许您使用深色主题而不是默认的浅色主题在 GitHub 上查看源代码。如果您广泛使用 github，但在查看源代码时更喜欢深色主题，这个应用程序可以做到这一点！安装它，您将在查看 github.com 时收到所有源代码文件和差异的 vibrantink 主题。

在 JSON 文件中存储来自 Humblebundle.com 的所有未兑换游戏的信息使用步骤： 1.安装这个扩展2. 去https://www.humblebundle.com/home/keys（需要在humbundle.com登录） 3. 单击游戏列表上方的“将 Humble Bundle 导出为 JSON

Quick Script 是为 Web 开发人员和软件测试人员创建的 google chrome 扩展程序，使他们能够编写测试脚本并... Quick Script 是为 web 开发人员和软件测试人员创建的 google chrome 扩展，使他们能够为在 chrome 浏览器中运行的网站和 web 应用程序编

CSS 颜色提取器 3000此扩展将有助于创建生活方式指南： - 主色调- 提取配色方案- 提取字体样式（TODO）

轻松查看网站上使用的 CSS 颜色。 colourSpy 是一个方便的扩展，可以快速查找和查看网站上使用的颜色。它将它们全部显示在色板列表中，您可以在其中轻松复制相应的 RGB、HEX 或 HSL 值以在您选择的 IDE 中使用，或者只需将颜色列表导出为您选择的格式。目前支持的导出格式有： CSS社会保障局较少的

在 codeforces.com 平台上显示最近的博客操作，并检查您的朋友列表状态和提交。 Codeforces.com 平台最近的操作提要和朋友列表状态和提交。

此扩展程序可帮助您跟踪使用网络工作的时间。使用您最常用的工具（浏览器）跟踪您在 Web 项目上花费的时间。网络时间跟踪器可以轻松跟踪您在 Google Chrome 中的项目所花费的时间。它会在您的所有浏览器之间同步，因此您始终保持最新状态。此外，您可以添加目标并保持在待办事项列表的首位。

查看 GitHub 仪表板的提要和您组织的提要中的新内容和新内容。此扩展可帮助您轻松查看自上次访问后 GitHub 上发生的情况。查看屏幕截图以查看实际效果！ ⭐ 如果您觉得此扩展程序有用，请不要忘记留下评分！ （也可在 Firefox 上使用：https://addons.mozilla.org/en-US/f

解码 SAML 请求和响应

Relim在线调试插件relim chrome浏览器插件，用于在线编辑代码预览效果。relim文件通常都作为后端模版放在后端代码库中，在开发过程中，对于前端开发人员如果不进行一些hack，那么我们就需要不断将代码上传开发环境中，并同步模版。模版同步好后我们才能看到效果。对于需要大量调整样式的前端UI开发来说，这是

单击任何元素以获取 xPath这个 xPath 2 插件是从 Tomasz Rembacz 的 xPath Finder 插件派生出来的，具有一些路径增强和机器人框架命令生成器支持。单击任何元素以获取 xPath获取元素 xPath 的插件。用法： 1.点击插件图标，光标会变成十字准线2. 将鼠标悬停在所需元素上

衡量您网站的排名Rank Checker 是流行的 Google Chrome 浏览器的扩展程序（附加组件）。它的目标是简化在网站 pagerank.jklir.net 上查找排名的工作。无论您在哪里冲浪，Rank Checker 都会注意快速找出您访问过的页面上的排名值，而无需手动重写主页框中的网址。下载或使用

此扩展程序反转页面上的大部分颜色反转网站或页面以帮助缓解眼睛疲劳。一旦站点被反转，它会记住在下次访问时反转该站点。不反转图像，尝试排除视频，将大部分白色文本变成绿色文本，让您看起来像一个了不起的开发人员 =D如果你的文本编辑器是黑色的，你的终端是黑色的，并且你在关灯的情况下编码，这个扩展是给你的。

只需点击几下即可轻松翻译图像。过渡图像编辑器- 基本编辑器功能- 商城图片翻译功能（支持淘宝、天猫、速卖通、1688、VVIC）

每天排版？设计师还是网页开发者？它将帮助您检查页面上元素的网格或相对位置。检查你的布局，等于网格。只需在页面上放置引导线即可。只需使用鼠标即可轻松将它们移动到您需要的位置或旋转。

即使在“仅查看”模式下也可以搜索 Figma 对象这个扩展允许你搜索 Figma 对象。目前 Figma 没有这样的内置选项，所以你可以使用这个插件作为临时解决方案。该扩展甚至可以在“仅查看”模式下工作，在这种模式下，没有其他 Figma 插件可以工作。

右键单击并将范围记录到控制台

Chrome DevTools 的 ClojureScript REPL ClojureScript REPL 是一个 chrome 扩展，它允许与在 ClojureScript 中实现的浏览器应用程序进行运行时交互。它使用外部 Web 服务（目前托管在 Heroku）进行 ClojureScript 到 JS

Chrome 的 GitHub 命令栏。输入“gh”和搜索词以跳转到存储库、用户或搜索。享受快速访问！快速访问您的 GitHub 帐户中最重要的页面：在输入字段中输入“gh”，后跟存储库或用户的名称。使用光标选择所需的存储库或用户，然后按 Enter。 Git Search 无需长时间输入即可将您直接带到页面。例

React 组件树可视化工具随着 React 应用程序的扩展，跟踪状态并全面了解组件层次结构变得更加困难。 Realize 是一种帮助开发人员可视化其 React 应用程序的结构和状态流的工具，尤其是当它们的规模和复杂性不断增长时。它目前支持 React v.16.8。先决条件1. 您必须安装 React Dev

iQare Fullscreen Site Navigation 是一个扩展程序，可以让您以简单快捷的方式浏览全屏网站。此扩展程序使您可以使用工具栏的下一步、后退和主页按钮在浏览器历史记录中导航，而无需退出全屏模式。仅当 Chrome 浏览器全屏打开时，导航工具栏才会可见 [F11]。

一个用于测试响应式网页的 chrome 扩展，只需点击一下。此扩展程序可让您在多个设备视口中查看 Web 应用程序的响应能力。要进行测试，请在新选项卡中打开您的站点，然后单击响应式调试图标。

用于自动化测试套件的页面对象生成器。目前处于测试阶段！抓取动态 HTML 以生成用于自动化测试套件的文件的扩展： ? 刮擦（可配置）：纽扣链接输入Javascript点击角ng-click ? 输出（可配置）：文本XML硒SeleniumObjectsAndMethods.java茉莉花JavaScriptO

生成您网站的 xml 站点地图搜索引擎会定期抓取网站，不需要我们手动向他们发送每个 url，因此站点地图是一种告诉搜索引擎它可以从该网站抓取哪些内容以及何时可以从任何页面获取新信息的方法。这是如何工作的？单击扩展图标打开在线站点地图生成器工具。输入要包含在站点地图中的所有链接。点击生成按钮以获取可以直接放在您的服

扁平，性感，兄弟般的开发工具主题。不包括俯卧撑在 about:flags 中启用 DevTools 实验，切换“允许 UI 主题”实验。

一个独立的 Markdown 编辑器Light Markdown Editor 是一个实时编辑器，用于在 Google Chrome 中使用实时视图输入 Markdown。 lightmd 不依赖后端。它不会将内容发送到任何外部服务器。 lightmd 被设计为轻量级，功能不丰富，同时仍提供一些作为暂存器的灵活性

很棒的 SEO 工具。其中一些：检查标题、缓存、信息页面。还有关于 rel=nofollow 和 noindex & nolllow in page 等的信息。很棒的 SEO 工具。 SEO 专家和经理的工具，该工具包含： 1) 检查谷歌缓存； 2）查看SimilarWeb； 3）检查页眉（h2-h6）； 4)

使用 VSCode 一键克隆选项： - 使用 Insiders Build（默认：fasle） - 使用 SSH（默认：HTTPS）支持的 GitHub / Gitee / GitLab

冻结暂时用不到的标签页，以便释放系统资源。This extension disables inactive tabs and makes browser run faster by saving memory and CPU.You can suspend any tab via popup button or