Mozilla Hacks

开发者版 42：WiFi 调试、Win10、多进程 Firefox、ReactJS 工具等

Avatar photo 作者：Brian Grinstead

发布于 2015 年 8 月 24 日 分类于：开发者工具、精选文章、Firefox Aurora 和 Firefox 版本

Firefox 42 发布了！在这个版本中，我们在开发者版浏览器上投入了大量精力来提升质量和改进细节。虽然许多修复的错误未被收录到发行说明中，但是这些小修正让工具变得更快、更稳定。但我们还有很多要汇报，包括 Firefox 工作方式的重大改变。

WiFi 调试

现在，使用远程网站调试，你可以通过 WiFi 调试 Android 设备上的 Firefox - 无需 USB 线缆或 ADB。

多进程默认启用

多进程 Firefox（又称 E10s）在开发者版中已默认启用。启用后，Firefox 在单个后台内容进程中渲染和执行与网页相关的內容。如果你在更新到开发者版 42 后遇到任何附加组件问题，请尝试禁用不兼容的附加组件或使用about:preferences恢复到单进程模式。

Windows 10 主题支持

开发者版主题在 Windows 10 中拥有全新的外观，以匹配操作系统的样式。看看吧

Screenshot of the dark Developer Edition theme in Windows 10

深色开发者版主题 - Windows 10

Screenshot of the light Developer Edition theme in Windows 10

浅色开发者版主题 - Windows 10

React 开发者工具支持 Firefox

如果你正在使用 ReactJS 进行开发，你可能已经注意到，React 项目最近发布了其开发者工具扩展的 beta 版本，其中包括对 Firefox 的初始支持。虽然还没有官方版本的 Firefox 版本，但是可以在 github 上找到源代码。

其他值得注意的更改

  • 异步调用堆栈现在允许你通过 setTimeout、DOM 事件处理程序和 Promise 处理程序跟踪代码流程。（Bug 981514）
  • WebIDE 中有一个新的可配置的 Firefox OS 模拟器页面。在这里，你可以更改模拟器以使用自定义配置文件和屏幕尺寸，使用参考设备的预设列表。（Bug 1156834）
  • 现在，CSS 过滤器预设可以在检查器中使用。（Bug 1153184）
  • MDN 工具提示现在使用语法高亮显示代码示例。（Bug 1154469）
  • 在检查器中使用“复制”键盘快捷键时，现在将选定节点的 outerHTML 复制到剪贴板。（Bug 968241）
  • 样式编辑器搜索功能已新增 UX 改进。（Bug 1159001、Bug 1153474）
  • CSS 变量现在在检查器中被视为普通声明。（Bug 1142206）
  • CSS 自动完成弹出窗口现在支持按“向下”键在空值字段中列出所有结果。（Bug 1142206）

感谢所有为 Firefox 开发者版 42 的 DevTools 团队贡献时间和精力的所有人！每个版本都需要很多人编写补丁、测试、编写文档、报告错误、发送反馈、讨论功能等。你可以通过分享建设性的反馈并告诉我们你希望从 Firefox 开发者工具获得什么来帮助我们确定优先事项。

你可以立即免费下载 Firefox 开发者版。

关于 Brian Grinstead

Brian Grinstead 的更多文章…

11 条评论

  1. Ult Combo

    恕我直言，Windows 10 开发者版主题太难看了。我们可以选择退出它，或选择加入旧的暗黑主题吗？

    2015 年 8 月 24 日 下午 12:38

    1. Dan Callahan

      要切换浅色和深色主题，打开开发者工具（F12），单击右侧的设置按钮（齿轮图标），然后查看“主题设置”标题下的内容。

      出于好奇，你讨厌哪些变化？Windows 10 的变化应该只是很小的调整…

      2015 年 8 月 24 日 下午 1:00

      1. Ult Combo

        谢谢！

        抱歉，我之前的评论有点草率。Windows 10 主题看起来棒极了！（浅色和深色版本都很好）

        问题是，大约两周前我还在 Nightly 中使用开发者主题，然后当我升级到 Windows 10 时，它立即切换到一个丑陋的浅色主题。现在，尝试使用 Windows 10 调整后的主题，浅色和深色主题看起来都完美无缺。:D

        恭喜大家！

        2015 年 8 月 24 日 下午 3:41

        1. Tim Nguyen

          如果你安装了 Firebug.next，那么出现丑陋的浅色主题是因为 Firebug 不支持开发者主题。

          2015 年 8 月 24 日 下午 4:20

          1. Ult Combo

            是的，问题就出在这里。我认为开发者主题无法加载，因此 Nightly 回退到默认主题（在这种情况下，开发者主题的浅色/深色切换不起作用）。

            不过，目前开发者主题在 Nightly 中似乎运行良好。;)

            2015 年 8 月 24 日 下午 4:24

  2. Lucas

    赞！

    2015 年 8 月 27 日 下午 12:21

  3. Alexandre

    浏览器调试器怎么了？（⌘-⌥-⇧-i）

    2015 年 8 月 28 日 上午 0:24

    1. Brian Grinstead

      它还在，但你可能需要启用浏览器 chrome 和远程调试才能使其正常工作 - https://mdn.org.cn/en-US/docs/Tools/Browser_Toolbox#Enabling_the_Browser_Toolbox。

      2015 年 8 月 28 日 上午 8:30

  4. Nickolay

    > 异步调用堆栈现在允许你通过 setTimeout、DOM 事件处理程序和 Promise 处理程序跟踪代码流程。（Bug 981514）

    如何/在哪里测试这些？我在 Nightly（调试器或 console.trace()）中没有看到这些，javascript.options.asyncstack=true。我运行嵌套的 setTimeout 来测试。

    2015 年 8 月 29 日 下午 2:45

    1. Brian Grinstead

      这是一个好问题。我刚刚在本地确认，当我调用

      setTimeout(function foo() {
      setTimeout(function bar() {
      console.trace();
      debugger;
      }, 100);
      }, 100);

      时，我只在调用堆栈中看到“bar”。我要问问周围的人，看看是否还有其他需要做的才能启用此功能。

      2015 年 8 月 31 日 上午 9:16

    2. Brian Grinstead

      我已经确认此功能无法按预期工作，并提交了一个错误以供进一步调查：https://bugzilla.mozilla.org/show_bug.cgi?id=1200832。感谢你的报告！

      2015 年 9 月 1 日 下午 2:20

本文评论已关闭。