面向开发者的新 Firefox 浏览器评测

Mozilla 最近在 Firefox 浏览器十周年之际发布了面向开发者的全新浏览器版本。 Usersnap 团队和我研究了它是否适用于 Web 开发流程，是否为开发者提供了各种可能的应用，以及它是否能与 Google Chrome 开发者工具相媲美。

全新主题

Firefox 开发者版可以独立于您可能正在运行的其他已安装 Firefox 浏览器运行。打开新的开发者版后，您首先会注意到的是主题。该浏览器基本上具有与开发者工具相同的样式和颜色，这应该能让您更快地访问它们。

新功能

Mozilla 添加了 WebIDE 和 Valence 插件等新工具，Valence 插件允许您将 Firefox 开发者工具连接到其他浏览器（例如，iOS 上的 Safari）。

响应式设计视图

在我们看来，响应式设计视图是一个有趣的新功能，它允许您在不更改浏览器窗口大小的情况下调整不同的屏幕尺寸。观看下面的视频以详细了解其工作原理。对我们来说，它也完美适用于我们的 Usersnap Firefox 插件，该插件使您能够直接在 Firefox 浏览器中报告和跟踪错误。借助 Usersnap 小部件，您还可以创建带有注释的屏幕截图。

首先，您必须在 Firefox 浏览器中激活响应式设计视图，才能调整屏幕尺寸。安装 Usersnap 插件后，您现在可以报告错误或收集反馈。只需单击 Firefox 浏览器中的 Usersnap 插件。屏幕截图将保存在 Usersnap 仪表板或您安装的项目管理工具中。也可以通过电子邮件直接发送带有注释的屏幕截图。

样式编辑器

样式编辑器允许您查看和编辑与页面关联的 CSS 样式。此外，您可以创建新的样式并将现有的 CSS 样式表应用于任何页面。

Firefox 开发者版还是 Google Chrome 开发者工具？

我们将内置的 Firefox 开发者功能与现有的 Chrome 开发者工具进行了比较。我们发现，新的 Firefox 开发者版并没有为我们的工作流程带来许多新的改进，而且我们仍然喜欢 Google Chrome 易于使用的开发者工具。

与面向开发者的新 Firefox 浏览器中的响应式设计视图模式类似，Chrome 提供了一组预配置的设备，允许您调整不同设备上的屏幕尺寸。此外，您还可以在 Chrome 浏览器中调整网络速度，以分析您的网站在不同网络（例如 EDGE、3G 等）下的行为。相比之下，Firefox 开发者版不提供这种网络限速功能。

此外，Google Chrome 允许您在开发者工具中显示媒体查询。与 Firefox 开发者版中的样式编辑器相比，我们更喜欢 Chrome 中媒体查询的可视化显示，因为它以更简化的方式向您展示必要的信息。

开发者的完美选择？

总而言之，我们很高兴看到 Mozilla 最新发布的这款独立的开发者浏览器，以庆祝其成立十周年。拥有一个针对浏览器的集成工具包是很方便的，尽管我们缺少一些功能，例如网络限速。其他开发者是否会选择 Firefox 而不是 Chrome 还有待观察。

您对新的 Firefox 浏览器有何看法？

最初发布在 Usersnap 博客上。经许可转载，并根据知识共享许可协议发布。