15开发人员最佳浏览器扩展(2019)

2018的最大变化是FireFox的重大改进,以及附加组件在该浏览器中的工作方式。 因此,许多流行的附加组件不再被维护或变得不可用。

Firefox的大多数附加组件也可作为Google Chrome的扩展程序使用。 在本文中,我们将尝试优先考虑跨浏览器加载项/扩展,在此上下文中,这意味着它们可以在Firefox,Chrome和Chromium上运行。 我们还会优先考虑未知的免费扩展程序,以便将您的信息传递给第三方,并且不受广告收入的支持。 我们将更多地关注不会限制您使用特定开发技术的扩展。

很少有开发人员认为使用Microsoft Edge作为开发浏览器有任何优势,但它适用于开发后测试。 在每个4网站中,只有一点点超过100的访问者可以使用它,尽管随着更多用户放弃Internet Explorer,这个数字可能会略有增加。

尽管Chrome用户比Firefox用户多得多,但IT人群中的用户往往更喜欢Firefox,这就是为什么有更多更好的扩展针对Firefox中的开发人员。

现在让我们看一下开发人员最好的浏览器扩展,以及为什么要将它们添加到浏览器中。

1。 内置

当你发现自己在一个非常精心制作的网站上并想知道它们是如何制作它时,这个扩展将节省你在源代码中挖掘的大量时间和精力。 下载链接: 镀铬/铬, 火狐

2。 斧头

这是一种辅助功能审核工具。 最好尽量让您的网页尽可能地访问,并且ax会帮助您避免意外地从您的网站中排除一部分用户。 下载链接: 镀铬/铬, 火狐

3。 ColorZilla

这个扩展程序允许您直接从页面中采样颜色,检索颜色代码,生成渐变等等。 下载链接: 镀铬/铬, 火狐

4。 Web开发人员

为浏览器添加一些有用的附加功能,用于控制CSS,表单,图像和信息。 有史以来最流行的扩展之一。 下载链接: 镀铬/铬, 火狐

5。 呜呜

分析SEO数据的任何网页。 提供强大的报告,向您展示所有SEO内部,包括整体SEO分数,改进建议,关键字云等等。 下载链接: 镀铬/铬, 火狐

6。 Tab2QR

生成您所在页面的二维码,您只需扫描二维码就可以通过手机访问该页面。 适用于测试响应式网站,即使您没有创建它们也是如此。 下载链接: 镀铬/铬, 火狐

7。 HTTP请求制作者

这对于测试PHP表单响应非常有用,您实际上并不想真正提交表单(这可能会触发您不需要测试的其他处理)。 使用此工具,您可以毫不费力地伪造HTTP请求。 请注意,尽管Chrome和Firefox扩展程序具有相同的名称并执行相同的操作,但它们是由不同的开发人员制作的,并不完全相同。 下载链接: 镀铬/铬, 火狐

8。 页面性能测试

快速获取报告,了解您的网页在浏览浏览器的不同阶段的效果。 它有点像tracert的更高级版本。 这个只适用于Firefox。 Chrome和Chromium有类似的扩展,但它们的功能并不像这个。 下载链接: 火狐

9。 字数工具

这个实际上可以比名称所暗示的更多,因为它还会告诉您在选定的文本块(或整个页面)中有多少个字符和多少个句子。 下载链接: 镀铬/铬, 火狐

10。 Web开发人员核对表

确保您使用此工具遵循最佳Web开发实践指南,该工具将显示您的标准可能已下滑的位置。 下载链接: 镀铬/铬, 火狐

11。 图像映射编辑器

这是德国开发商Heinz-JürgenBoms提供的三个优秀扩展之一,这个名称与其名称完全相同。 只需跟踪要映射的图像区域,即可直接在浏览器中生成图像映射。 下载链接: 火狐

12。 高级帧编辑器

Heinz-JürgenBoms的另一个扩展,这是一个CSS样式工具,您可以通过指定其属性直接在浏览器中构建框架。 值得一试 文件 在开始使用它之前。 下载链接: 火狐

13。 Bootstrap响应助手

这是一个非常简单的小扩展,可以帮助您快速查看断点是否正常工作以及当前模式的引导级别。 当然,如果你真的在Bootstrap中工作,你只需要这个扩展。 Chrome版本由Jonathan Defraiteur开发,Firefox版本由Kevin Bon开发。 下载链接: 镀铬/铬, 火狐

14。 自己动手HTML5编辑器

如果您希望保持简单并且只是从一个地方完成所有工作,那么此扩展适合您。 该上下文感知编辑器功能丰富,可直接在浏览器中运行,并支持HTML,CSS和JavaScript。 它远非完美,但对于快速而肮脏的编辑而无需打开单独的应用程序,它可以完成工作。 下载链接: 火狐

15。 X射线护目镜

从技术上讲,这个不是扩展,它实际上是一个书签。 但它运作良好,我们不能把它从列表中删除。 尽管它是由Mozilla制作的,但它在Chrome中同样适用,因为这两种浏览器都完全符合标准。 要使用它,您需要使书签栏可见。 然后访问下载页面,您可以通过以下链接访问该页面,并将X-Ray Goggles按钮拖到书签栏上。 然后只需访问任何网站,启动您的X-Ray Goggles书签,在页面上选择一个元素,然后您就可以编辑它的代码。 下载链接: 镀铬/铬, 火狐

标题图片由...提供

波格丹兰萨

Bogdan是Inspired Mag的创始成员,在此期间积累了近6年的经验。 在业余时间,他喜欢学习古典音乐和探索视觉艺术。 他也非常着迷于修复工具。 他已拥有5。