火狐浏览器开发_审查为开发人员构建的新Firefox浏览器

火狐浏览器开发

Mozilla最近在Firefox浏览器诞生10周年之际宣布了面向开发人员的新浏览器版本。 我和Usersnap小组一起研究了它在Web开发过程中是否运作良好，是否为开发人员提供了多种可能的应用程序，以及它是否与Google Chrome开发者工具保持一致。

新主题

Firefox Developer Edition可以与您可能正在运行的其他已安装Firefox浏览器分开运行。 打开新的开发人员版本后，您首先要认识的就是主题。 浏览器具有与开发人员工具相同的样式和颜色，应该可以使您更快地访问它们。

新功能

Mozilla添加了新工具，例如WebIDE和Valence附加组件，使您可以将Firefox开发人员工具连接到其他浏览器（例如，iOS上的Safari）。

响应式设计视图

从我们的角度来看，“响应式设计视图”是一项有趣的新功能，它使您可以在不更改浏览器窗口大小的情况下以不同的屏幕尺寸进行播放。 观看下面的视频，详细了解其工作原理。 对于我们来说，它还可以与我们的Usersnap Firefox附加组件完美配合，使您可以直接在Firefox浏览器中报告和跟踪错误。 使用Usersnap小部件，您还可以创建带有注释的屏幕截图。

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

样式编辑器

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

Firefox开发人员版还是Google Chrome DevTools？

我们将内置的Firefox开发人员功能与现有的Chrome开发人员工具进行了比较。 我们发现新的Firefox开发人员版本并未对我们的工作流程进行许多新的改进，并且仍然喜欢Google Chrome，因为它易于使用开发工具。

与开发人员使用的新Firefox浏览器中的“响应式设计视图”模式相似，Chrome提供了一组预配置的设备，使您可以在不同设备上浏览屏幕尺寸。 另外，您可以在Chrome浏览器中调整网络速度，以分析不同网络（例如EDGE，3G等）的网站行为。 相反，Firefox开发人员版不提供这种网络限制。

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

最适合开发人员吗？

综上所述，我们很高兴看到Mozilla最新发布的这种独立开发人员浏览器，以庆祝其成立10周年。 尽管我们缺少某些功能，例如网络限制，但为您的浏览器提供一站式工具包还是很舒适的。 是否还有其他开发人员选择Firefox而不是Chrome仍有待观察。

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

最初发布在Usersnap博客上 。 经许可并在知识共享下重新发布。

翻译自: https://opensource.com/life/14/11/review-new-firefox-browser-developer-edition

火狐浏览器开发