Mozilla Hacks

Aurora 12 发布 – 性能改进和开发者工具更新

头像照片 作者 Robert Nyman [荣誉编辑]

发布时间 2012年2月3日 分类于 开发者工具、Firefox 和 Firefox Aurora

Aurora 12 发布，同时更新了开发者工具，以下是改进/更改内容。

亮点

一些比较突出的改进

ECMAScript Harmony 的简单 Map 和 Set 内置对象

为了测试目的，我们实现了 ECMAScript Harmony 的简单 Map 和 Set 内置对象。此功能仅在 Aurora 中可用，在发布 Beta 版时将被禁用，所以请立即测试并提供反馈！如果您想了解更多信息，还可以查看 MDN Set 文档 和 MDN Map 文档。

如果您对 Harmony 的进展更感兴趣，请 阅读我们对 ECMAScript 6 的实现工作

支持 Android 上的多点触控

我们很高兴地宣布，现在已经为 Android 版 Firefox 实现了 多点触控！

允许作者在工具提示（title 属性）中插入换行符

这看起来可能是一个小功能，但已经讨论了很长时间。您现在可以 在工具提示中使用换行符！

XMLHttpRequest 应该允许您指定网络超时时间（以毫秒为单位，适用于异步请求）

除了超时和其他类似功能外，此功能提供了一种使用 timeout 属性 为 XMLHttpRequests 指定网络超时时间 的方法。

改进列表

以下列出了我们所做的所有改进，并提供了每个 Bug 列表的链接，供那些希望详细了解相应实现的人参考。

DOM

JavaScript

布局

媒体

网络

工具

开发者工具

Web 控制台、Scratchpad、样式编辑器、页面检查器、样式检查器、HTML 视图和页面检查器 3D 视图（倾斜）总共进行了 89 项改进。以下是亮点

关于 Robert Nyman [荣誉编辑]

技术布道师和 Mozilla Hacks 编辑。发表关于 HTML5、JavaScript 和开放网络的演讲和博客文章。Robert 是 HTML5 和开放网络的坚定支持者，自 1999 年以来一直从事 Web 前端开发工作 - 在瑞典和纽约市。他还在 http://robertnyman.com 定期发布博客文章，并且热爱旅行和结识新朋友。

更多 Robert Nyman [荣誉编辑] 的文章…

14 条评论

  1. dr.pradhan

    请告诉我如何启用自动更新。谢谢，

    2012年4月25日 上午 2:51

    1. Janet Swisher

      默认情况下会开启自动更新。请参阅支持知识库了解 如何配置更新选项。

      2012年4月25日 上午 11:36

  2. GrampaJerry

    很高兴看到 Firefox 正在赶上 Chrome。现在启动速度仅比 Chrome 慢 1-2 秒。我仍然非常沮丧的是 Firefox 不支持 HTML5 元素或 CSS3 样式 transform:rotate()。这给我的页面创建带来了问题。

    2012年4月25日 上午 7:43

    1. Robert Nyman

      CSS 旋转功能从 Firefox 3.6 版开始就已存在：CSS transform。我不确定何时会支持 Details 元素。

      2012年4月25日 下午 3:28

  3. GrampaJerry

    更正：我最初的帖子中未显示我输入的 HTML5 元素。应该是 DETAILS。

    2012年4月25日 上午 7:46

  4. Jan

    Firefox 12 中的查看源代码功能添加了行号。但是，尽管有了这些新功能，查看源代码仍然毫无价值，因为它显示的源代码更少。
    页面 HTML 的 PHP 更改在查看源代码中不可见。在 Firefox 12 中，查看源代码仅显示页面的初始 HTML。降级安装时不会发出有关此问题的警告。我恢复到 Firefox 11 并关闭了自动更新。
    令我惊讶的是，Chrome 的实际版本似乎也认为少即是多。
    （我无法相信这仅发生在我的 Mac 上。而且我无法快速找到与 Mozilla 通信此问题的方法。）

    2012年4月26日 下午 2:49

    1. Jean-Yves Perrier

      HTML 没有所谓的 PHP 更改。PHP 生成 HTML，服务器将其发送到浏览器。查看源代码中显示的内容是发送到浏览器的内容，因此是在 PHP 生成之后。

      （换句话说，JavaScript 永远不会更改页面的源代码，而是更改其 DOM 结构。查看源代码不会显示 DOM 结构，而是显示未修改的源代码。）

      2012年4月26日 下午 3:52

      1. Jan

        好吧，我只是试图找到一些词来表达发生了什么，或者没有发生什么。

        在页面使用新 HTML 更新后，Fx 12 中的查看源代码中显示的是旧 HTML。（Chrome 的实际版本也是如此，Opera 和 Safari 的实际版本在查看源代码中显示新 HTML，就像 Fx 12 之前的版本一样。所有这些都在安装了 Snow Leopard 的 Mac 上。）

        如果我的表达还不够清楚，您可能需要查看我们正在设置的网站 http://iii60.nl。单击前两类之一后，查看源代码中的 HTML 仍然是白色起始页面的 HTML，类别项未显示在查看源代码的 HTML 中。

        2012年4月27日 上午 3:27

        1. Will Peavy

          @Jan - 您可以使用 Firebug 实时查看 DOM 操作。

          2012年5月11日 下午 1:39

  5. Alex

    Jan，

    当您查看页面的源代码时，您看到的是初始页面加载时呈现的原始 HTML。在您的网站上，您在页面加载后通过 AJAX 替换了页面内容，这是 JavaScript 操作 DOM 的结果。这些更改永远不会在查看源代码中显示，如 Jean-Yves 的评论中所述。如果您想查看修改后的页面源代码，请使用 Firefox 的开发者工具或 Firebug 等工具查看 DOM 结构。

    2012年5月2日 上午 11:43

    1. Jan

      Alex，

      我在学校里没有学过这些，所以我的措辞可能不太专业，对此我表示歉意。

      初始页面使用 PHP 生成的 HTML 重新加载。在 Fx 12 中，查看源代码显示的是初始页面的旧 HTML。在 Fx 12 之前的版本中，查看源代码会显示新 HTML。
      我认为当您使用 PHP $_GET 时，JavaScript 不会修改 DOM。

      使用 Fx 11 或 Safari 浏览器查看页面，您就会看到您认为永远不会在查看源代码中显示的更改。

      当然，我可以（并且确实）使用 Firebug，但我喜欢在简洁的查看源代码中快速查看我的 HTML 格式是否符合我的预期。

      2012年5月3日 上午 7:26

  6. Michael Hall

    @jan，以防万一不清楚，PHP 由 Web 服务器处理并输出纯 HTML，因此在页面加载到浏览器后，您将看不到任何原始 PHP 代码。另一方面，javascript 实际上不会更改源代码，因此如果您在浏览器加载页面后查看源代码，您将看到原始 javascript，但 javascript 可以更改页面的结构（DOM），但您不会通过查看源代码来看到更改，因为它不会更改原始源代码，但正如建议的那样，使用 Firefox 中的 Firebug 或 Chrome 中类似的 Web 开发工具可以查看实时源代码，包括 javascript 做出的更改。（据我所知，javascript 和 php 在所有浏览器上的工作方式都是如此。）

    2012年5月3日 上午 5:23

    1. Jan

      Michael，

      以防万一不清楚，请查看页面以了解发生了什么。

      正如我告诉 Alex 的，如果我的措辞不清楚，我表示歉意。

      在初始页面使用经过 PHP 处理的纯 HTML 重新加载后，在 Fx 12 中的查看源代码中，我看到的仍然是初始页面的相同纯 HTML。在 Fx 12 之前的版本中，我可以看到新的 HTML。
      如果您想进行比较：Safari 的实际版本会像旧版 Fx 一样显示新 HTML。Chrome 的实际版本的行为类似于 Fx 12，并且也会显示旧 HTML。

      我说的不是 JavaScript 更改 DOM，而是通过 PHP $_GET 完成的。

      2012年5月3日 上午 7:31

      1. James

        抱歉 Jan，PHP 是一种服务器技术，而 firefox 是一种客户端技术，请在书中查找客户端/服务器架构，这就是互联网的工作原理。

        2012年7月12日 上午 3:52

本文评论已关闭。