开发者版 47 – 用户代理模拟、弹出窗口调试等

本周标志着Firefox 开发者版 47的发布!最近几周,我们已经介绍了DevTools 重新加载附加组件服务工作者工具,所以请务必查看这些帖子。在这篇文章中,我们将介绍此开发者版版本中的其余更新和更改。

用户代理模拟

我们添加了从响应式模式模拟任何网页上的自定义用户代理的功能。您现在只需在“自定义用户代理”字段中输入新的用户代理字符串即可。您可以使用此功能来检查网站是否使用用户代理嗅探。例如,您可以输入移动浏览器用户代理以查看网站在手机上的显示方式。

这是一个功能的屏幕录制
User Agent Emulation

保留路径作为图形

在之前的版本中,我们添加了一个支配者视图来帮助您调试内存密集型应用程序。在此版本中,我们通过添加一个保留路径面板对其进行了改进,该面板为您提供了一个显示所有阻止所选节点被垃圾回收的节点的图形。当您调试可能的内存泄漏时,这尤其有用。您可以在 MDN 文档中阅读有关此功能的更多信息此处

这是图形的屏幕截图

控制台多行输入

控制台中多行输入的处理方式得到了改进。按下“Enter”键时,控制台现在将检测您的输入是否完整。如果是,则按“Enter”键将简单地执行您的命令。如果不是,则按“Enter”键将在您的输入中添加新行,以便您可以无缝地继续编写您的命令。

存储检查器

存储检查器现在支持缓存存储,如果您正在调试服务工作者,这非常有用。请务必查看Sole Penadés 的博文,该博文深入探讨了服务工作者调试的详细信息。

除了缓存存储支持外,您现在还可以使用位于顶部工具栏上的搜索框过滤表格内容。这是该功能的屏幕截图

主题更改

在此版本中,我们对工具箱进行了视觉调整。我们进行了一些小的调整,例如减少默认选项卡宽度并在内存工具中添加新图标,但我们也进行了一些重大更改。例如,我们对浅色主题进行了全面改造,使其外观更轻盈、更精致。

这是新的浅色主题的屏幕截图
Refreshed light theme

我们还更新了调试器槽样式 - 条件断点现在以橙色突出显示在槽中。这是屏幕截图
New debugger gutter

最后,我们将网络监视器工具栏移动到顶部,以使其更易于访问,并与其他工具保持一致。
Network monitor toolbar

调试附加组件的弹出窗口

为发布WebExtensions做准备,我们正在添加一些新功能,使附加组件调试更容易。在此版本中,我们使检查弹出窗口变得更加容易。您现在可以锁定弹出窗口,以防止在您单击其他位置时消失。要使用此功能,您需要启动浏览器工具箱,然后单击工具箱右上角带有四个正方形的图标。您可以在此处阅读有关如何调试扩展的更多信息此处

这是一个展示此功能的屏幕录制

其他值得注意的更改

除了上述改进之外,我们还在整个工具箱中完善了各个区域,特别是

我们还删除了 3D 视图,因为此功能与 Firefox 的多进程版本冲突。如果您想使用此功能,可以改为安装此附加组件

最后,字体检查器已默认禁用,因为它将在将来的版本中进行重新设计。您可以通过切换以下内容来重新启用该工具:devtools.fontinspector.enabled偏好设置在about:config.

感谢所有为此次开发者版版本做出贡献的人!立即获取最新开发者版的副本,并告诉我们您的想法。

关于 Tim Nguyen

我从事 Web 浏览器工作。

Tim Nguyen 的更多文章…


16 条评论

  1. Nazar Mokrynskyi

    Tilt 3D 已被删除,但扩展程序在 Nightly 中无法运行,并且自 2011 年以来未更新。您认为这是真正的替代方案吗?有计划将其恢复吗?

    2016 年 3 月 17 日 上午 10:08

  2. Brian Grinstead

    > 扩展程序在 Nightly 中无法运行

    您的 Nightly 配置文件是否启用了 e10s?它在多进程模式下将无法运行。

    > 有计划将其恢复吗?

    我们已经讨论过以更有用的方式恢复它,但还没有任何计划。可能这项工作将在附加组件中进行。

    2016 年 3 月 17 日 上午 11:00

    1. Nazar Mokrynskyi

      > 您的 Nightly 配置文件是否启用了 e10s?它在多进程模式下将无法运行。
      是的

      2016 年 3 月 17 日 上午 11:21

  3. Evert

    它是否真的模拟其他代理,或者只是更改 HTTP 标头和窗口对象中的 User-Agent 字符串?

    2016 年 3 月 17 日 下午 1:31

    1. Tim Nguyen

      它仅更改 HTTP 标头和窗口对象中的“User-Agent”字符串。我们计划在 RDM 的未来新版本中提供更完整的设备模拟。

      2016 年 3 月 18 日 下午 12:07

      1. Luke

        只有用户代理??为什么?这是 Chrome 中的一个主要问题,例如,如果您将响应式模式设置为 iPhone,则 navigator.userAgent 将是 iPhone 的值,但 navigator.platform 将是“Linux x86_64”或您的系统是什么。为什么只走一半路,而不看看当 navigator.platform 是 iphone/ipad 等时页面实际上会做什么?

        2016 年 3 月 18 日 下午 10:31

  4. Šime Vidas

    可能值得在文章中指出浏览器工具箱最初是禁用的。在 Nightly 中让我感到惊讶;以为它被删除了或什么的 :)

    2016 年 3 月 17 日 下午 9:36

  5. Michaël

    > 最后,字体检查器已默认禁用,
    > 因为它将在将来的版本中进行重新设计。

    我很好奇它将如何发展。
    是否有任何公开可访问的文档描述计划?(Bugzilla 票证、博文或其他内容)

    2016 年 3 月 18 日 上午 2:52

  6. Maël Lavault

    很高兴看到 devtools 这些天的改进。但经过这么多年,仍然无法在存储编辑器中删除或编辑存储(我知道您可以使用控制台,但它不太友好)。我仍然需要切换到 Chrome 来调试 localstorage 和 sessionstorage。

    2016 年 3 月 18 日 上午 3:12

    1. Tim Nguyen

      存储的编辑/删除支持正在开发中。关注此错误:https://bugzilla.mozilla.org/show_bug.cgi?id=rw-storage

      Cookie 编辑可能是第一个着陆的部分(很可能在 Firefox 48 中)。

      2016 年 3 月 18 日 下午 12:11

      1. Mike Ratcliffe

        今天早些时候在 fx-team 上登陆。

        2016 年 3 月 24 日 上午 9:15

  7. Tom Livingston

    3D 视图对于跟踪导致水平滚动等奇怪元素非常方便。这是真的永远消失了?

    2016 年 3 月 23 日 下午 1:53

    1. Mike Ratcliffe

      我们可能会将其作为附加组件恢复……它很棒,但无法与多进程 Firefox 协同工作。考虑到使用它的人数非常少,让某人花几个月时间使其正常工作是不值得的。

      我们都同意这很可惜,但这就是情况。

      如果确实需要使用它,您可以以单进程模式运行并使用附加组件。

      2016 年 3 月 24 日 上午 9:18

      1. Tom Livingston

        我找到了关闭多进程的设置,但附加组件的官方名称是什么?

        谢谢!

        2016 年 3 月 24 日 上午 9:58

  8. Bill White

    您能详细说明一下“用户代理模拟”吗?
    我无法使其正常工作
    以测试响应式方面。

    2016 年 3 月 28 日 上午 6:39

    1. Brian Grinstead

      此处提供了一些有关该功能的文档:https://mdn.org.cn/en-US/docs/Tools/Responsive_Design_Mode#Responsive_Design_Mode_controls。如果您无法使用它,请告诉我们。

      2016 年 3 月 28 日 上午 10:32

本文的评论已关闭。