面向开发人员的 10 大浏览器扩展
已发表: 2019-07-01扩展是令人印象深刻的附加组件,可促进我们的开发工作。 这些扩展支持几乎所有浏览器,一些浏览器拥有自己的这些小助手库。
该扩展为我们的问题提供了一个简单的解决方案,例如我们想要选择与网站完全相同的颜色,我们可以通过在浏览器中使用这些附加组件来解决这个问题。 只需单击一下即可轻松操作它们。
在线市场上有数百种扩展,但棘手的问题是哪一种最适合您? 不用担心什么时候做了一些研究并提出了最常用和最好的附加组件,这些附加组件对不希望他们的工作放慢速度的开发人员派上用场。
这是我们为开发人员挑选的 10 个最著名的扩展列表。
1.用户快照

此扩展专门用于解决设计师、前端开发人员和产品经理的问题,以提供更好的反馈。
我们不喜欢旧的方式,比如截图然后用一些复杂的编辑器编辑,但仍然没有得到更好的结果,我们建议你使用用户快照,然后只在浏览器中编辑,你甚至可以在快照上绘图,注释,评论等等在Usersnap。
每月只需 39 美元即可购买基本版本,或者您可以从下面的链接中免费试用。
下载–用户快照
2.iMacros

iMacros 旨在自动执行 Web 浏览器中的任何复杂任务,而无需学习任何新的脚本语言,您可以获得对浏览器的完全可编程控制。
另一个专门的功能是,您甚至可以使用此扩展程序来测试任何网站的功能和性能,包括 JAVA、flash、AJAX 元素等。
第三个功能是您可以自动将 Web 数据收集到您的数据库或任何支持 Web 数据的应用程序中,它会自动完成。
以每个许可证 99 美元的价格购买完整的软件包。
下载 – iMacros
3. 颜色选择器

简单的扩展,但在挑选网络上任何元素的颜色时非常有用。 这个附加组件可以为您提供准确的颜色并使您的工作更轻松。
在这个扩展之前,如果我们要提取颜色我们先截图然后用编辑工具编辑它,最后我们得到我们想要的颜色,这个过程会占用很多时间。
它是始终使用颜色组合并希望获得准确颜色代码的 Photoshop 用户和网页设计师的终极工具。
该扩展程序最好的一点是它完全免费,您可以为 Chrome 下载此扩展程序。
下载 – 颜色选择器
4.什么跑

通过在您的浏览器中启用此扩展程序来识别任何流行网站的结构和技术信息。 WhatRuns 揭示了网站的功能,它为其提供动力并使其如此令人印象深刻。 他们网站上令您惊讶的一切都将在您面前揭开。
此扩展的更多功能是您可以找到他们正在使用的 CMS(内容管理系统)、Web 服务器、Web 框架、CDN,您甚至可以发现他们在其网站上使用的小部件和字体脚本。
此扩展程序也是免费的,可在 Chrome Web Store 上直接将其添加到您的浏览器。
下载 – WhatRuns
5.什么字体

该扩展为您提供句子或单词的确切字体系列、大小、颜色。 对于希望在他们的网站或设计中使用完全相同的字体的设计师和开发人员来说,这是一个强大的插件。
另一个很棒的功能是它可以找出被触发以在网站上显示这些字体的服务。 该扩展支持 Google Font API 和 Typekit。

这个免费使用的扩展可在 Chrome Web Store 上直接添加到您的浏览器。
下载 – WhatFont
6. 用户代理切换器

通过使用此扩展,您可以欺骗和模仿用户代理字符串。 使用此扩展程序,您可以立即在用户代理字符串之间快速切换,还可以设置每次要发送的特定 URL。
此扩展的新版本进行了改进,不仅修改了用户代理,还调整了页面中存在的 javascript 对象。
但是总是有一些泄漏,所以你不能完全依赖这个扩展来正确地完成所有工作,可能会出现一些问题。
该扩展是免费的,可以从 chrome 网上商店获得,直接安装到您的网络浏览器中。
下载 – 用户代理切换器
7. 嘶嘶的

此扩展程序可帮助您了解您的插件或网站在几乎每台设备上的响应速度。 该插件会同时向您显示您的网站或设计在不同设备上的视图,以便您可以发现设计中的问题并在启动之前纠正它。
您可以使用自定义设计添加自己的设备,并在一个工作场所管理所有设备。 检查器工具也可用于查看元素代码是否有任何问题您可以现场检查并修复它。
一个完全可定制的扩展,让您可以随意修改 Sizzy。
两种购买计划可供您选择,每月或每年,每月 7 美元或每月 5 美元,每年 60 美元。
下载 – Sizzy
8. 尺寸

一个测量工具扩展,对在线测试网站很有帮助。 要测量元素之间的距离,它是完美的工具。 使用此扩展可以轻松实现根据指定设计完美开发精确设计。
使用此扩展可以测量以下元素:图像、输入字段、按钮、视频、gif、文本、图标。
使用这个易于使用的扩展程序测量您在浏览器上看到的所有内容。
从 Chrome Web Store 在您的浏览器中添加此免费扩展程序。
下载 - 尺寸
9. EditThisCookie

最好的和第一个免费下载 cookie 管理器工具扩展。 您可以使用此扩展程序创建、删除、添加、搜索、保护、阻止 cookie 等等。
批量 cookie 编辑和提高 cookie 性能等任务,您还可以使用此扩展程序从任何网站导入和导出 cookie。
从 Chrome 网上商店,您可以一键将其安装到您的浏览器中。
下载 – EditThisCookie
10.幽灵

Ghostery 是一个强大的扩展程序,可让您保护您的浏览。 广告拦截器可帮助您在您访问的任何网站上禁用任何不需要的弹出广告。
受保护的隐私意味着它允许您查看和阻止任何窃取您的个人数据并将其提供给其他网站的匿名跟踪器。
扩展智能阻止模式允许页面加载更快,并优化网页的性能。
仪表板具有多个显示和见解,可让您查找先前的信息。
此扩展程序也可免费使用,并可在 Chrome Web Store 上找到。
下载 – 幽灵