Firefox 7 中针对 Web 开发人员的新增功能

今天,我们发布了 Firefox 更新 7。 此更新包含了过去 3 个月稳定化的工作成果,其中有很多有趣的内容需要讨论。

需要明确的是,这不是更改的规范列表,仅供参考。 始终如一地,我们创建了一个页面来跟踪 Web 开发人员关心的更改。 有关完整列表,请参阅 Firefox 7 for developers 页面。

Firefox 现在支持 text-overflow: ellipsis

Firefox 现在支持 <a href="https://mdn.org.cn/En/CSS/text-overflow">ellipsis</a> 模式用于 text-overflow 属性。 此属性在 其他浏览器 中受支持,这意味着开发人员应该能够开始在实际环境中使用它。 以下是如何使用 text-overflow ellipsis 的示例

HTML


      
I am some very long text!

CSS

div.inner {
    width: 120px;
    text-overflow: ellipsis;
    white-space:nowrap;
    overflow:hidden;

    color: red;
    border: 1px dashed #333;
    margin: 20px;
    padding: 10px;
}

结果

如您所见,使用此新属性,可以很容易地以合理的方式截断文本。 我们的 针对该属性的开发者页面 还包含其他浏览器的示例语法。

WebSockets:更新的协议,可在移动设备上使用

首先,WebSockets 现在已在 Firefox for Mobile 中默认启用。 对于高延迟且连接建立成本高的移动网络,WebSockets 提供了比轮询 HTTP 更出色的体验。

其次,我们已更新为 IETF 最近的 WebSockets 协议草案版本。 令人困惑的是,这是协议的第 8 版,但却是 草案版本 10。 这对在 WebSockets 之上构建应用程序的人员和工具供应商来说尤为重要,但值得一提,因为它会影响向后兼容性。

由于 WebSockets 工作仍在进行中,因此 WebSockets 的命名空间仍以 moz 为前缀,以表明它尚未最终确定。

更快的 Canvas 元素

Firefox 7 中的 canvas 元素更快。 我们根据在以前 Firefox 版本中获得的经验以及人们在实际环境中使用 Canvas 的方式修改了 Canvas 代码。 基于此,您可能会发现,在向 canvas 元素绘制时,许多演示的性能会更加流畅。 例如,请参阅我们的 Runfield 演示。

网站不再可以调整您的主浏览器窗口的大小

根据 以下规则,网站不再可以更改浏览器中窗口的默认大小。

  1. 您无法调整未由 window.open 创建的窗口或选项卡的大小。
  2. 在包含多个选项卡的窗口中,您无法调整窗口或选项卡的大小。

支持新的导航 Web 定时规范

Firefox 更新 7 现在支持 导航定时规范。 这允许网页作者在页面本身中监控网页性能的各个方面。 对于那些对页面加载和导航性能感兴趣的人员,他们可以将这些信息发送回服务器,从而更好地了解实际性能。

在此领域中还有其他一些规范 - 用户定时资源定时 - 但这些规范仍在工作组中讨论,因此我们尚未实现它们。

关于 Christopher Blizzard

一次发布,让网络更美好。

更多 Christopher Blizzard 的文章…


23 条评论

  1. Der Caspers

    但是,它仍然无法在表格单元格中执行 text-overflow: ellipsis; …

    2011 年 9 月 27 日 下午 09:17

  2. Olivier clémene

    我将尝试这个。 我希望它比 Chrome 更好。

    2011 年 9 月 27 日 下午 11:12

  3. melchior blausand

    你们绝对还是做的很棒! 不管是什么版本控制争论正在进行。 我真的很期待 Canvas 性能的改进。
    也许你们可以派一两个人在午饭时间去闪电团队? 他们简直是太糟糕了…

    blausand

    2011 年 9 月 27 日 下午 11:23

  4. mohammad

    哦,拜托! 只有一个新的 CSS 属性? 什么时候支持 CSS 3D 变换属性? 这并不难。(顺便说一句,这是我有时必须切换到 Webkit 的唯一原因)

    2011 年 9 月 27 日 下午 11:25

    1. Boris

      > 什么时候支持 CSS 3D 变换属性?

      我认为是 Firefox 9。

      > 这并不难。

      很难说。 WebKit 并不总是支持它们。 当它支持时,它所实现的功能与他们自己编写的规范不匹配。

      总的来说,如果您没有编写过代码来实现它,那么说“这并不难”是一个不好的主意….

      2011 年 9 月 28 日 下午 12:34

    2. Paul Rouget

      > 什么时候支持 CSS 3D 变换属性?
      Firefox 10。

      > 这并不难。

      哎哟…

      2011 年 9 月 30 日 上午 01:39

  5. Francis

    我发现 Firefox 仍然是唯一一个不支持 CSS run-in 的主流浏览器。 即使 IE 从第 8 版开始就支持它了 (http://www.quirksmode.org/css/display.html).

    2011 年 9 月 27 日 下午 11:27

    1. Boris

      其他所有浏览器对 run-in 的处理方式都大不相同,没有一个符合规范。 我们不愿意参与这种游戏,因此希望真正实现规范。

      不幸的是,run-in 的规范也没有意义。 因此,我们在等待 CSS 工作组修复该问题,然后再实施。

      2011 年 9 月 28 日 下午 12:32

  6. Div Diverson

    > 表格单元格

    这些还在使用?!

    说真的,我认为如果您使用 CSS3,那么很有可能您没有使用表格。

    2011 年 9 月 27 日 下午 13:19

    1. Der Caspers

      > 说真的,我认为如果您使用 CSS3,
      > 那么很有可能您没有使用表格。

      当然,除非您需要标记表格数据,对吧?

      2011 年 9 月 28 日 下午 22:54

  7. Boris

    对我来说似乎工作正常

    data:text/html,aaa fgdf gdfg dfgdfgg

    您看到它在哪个测试用例中不起作用?

    2011 年 9 月 27 日 下午 14:16

    1. Boris

      嗯,愚蠢的博客吞掉了标记……请尝试这个

      data:text/html,<table style=”table-layout: fixed; width: 100px;” border><tr>&lttd nowrap style=”overflow: hidden; text-overflow: ellipsis”>aaa fgdf gdfg dfgdfgg

      2011 年 9 月 27 日 下午 14:17

  8. Boris

    嗯,愚蠢的博客吞掉了标记……请尝试这个

    data:text/html,<table style=”table-layout: fixed; width: 100px;” border><tr><td nowrap style=”overflow: hidden; text-overflow: ellipsis”>aaa fgdf gdfg dfgdfgg

    2011 年 9 月 27 日 下午 14:17

  9. Skoua

    网站不再可以调整您的主浏览器窗口的大小

    o/

    这会让色情网站的创建者感到难过,但这确实很有必要。

    2011 年 9 月 27 日 下午 15:04

  10. maciej

    令人惊讶的是,我无法修改由 window.open 打开的窗口大小

    因为只有打开的窗口可以修改它。

    如果您有一个脚本要在由 window.open 打开的窗口中修改窗口大小,那么该脚本将被阻止。

    太蠢了!

    2011 年 9 月 28 日 下午 13:10

    1. Demian

      我遇到了同样的问题。
      Firefox 7 不管我是通过脚本打开一个新窗口(特别是我在一个使用 window.open 创建的新窗口上使用它),它都不会让新窗口最大化。

      怎么回事?

      我试图为公司网站最大化一个新窗口,而唯一让我头疼的浏览器是 FF7。 :(

      2011 年 10 月 5 日 上午 05:22

      1. Demian

        我错过了脚本 URL:http://www.codingforums.com/showpost.php?p=761672&postcount=1

        2011 年 10 月 5 日 上午 05:24

      2. Boris

        您安装了 Firebug 吗?Firebug 会欺骗 Firefox,让其以为面板是标签,这会导致调整大小出现问题…… 如果您安装了 Firebug,请尝试禁用它。

        2011 年 10 月 6 日 下午 7:18

  11. Francis

    关于 css run-in。如果您对目前的情况不满意,为什么不使用供应商前缀引入它呢?这样,开发者就可以像使用供应商前缀来实现渐变、阴影等一样使用它。

    2011 年 9 月 28 日 下午 4:44

    1. Boris

      因为以任何合理的方式实现它都需要大量的开发工作,并且一旦规范确定下来就必须重新进行。与渐变、阴影等不同,没有人真正知道它应该如何工作,各种提案之间没有太多共同点。

      如果我们有无限的资源,我们可以考虑一下,但我们没有,而且其他事情比 run-in 更值得投资。

      2011 年 9 月 28 日 下午 6:31

  12. Johan

    这个 bug
    https://bugzilla.mozilla.org/show_bug.cgi?id=116083 有可能在它 10 岁生日之前修复吗?真的很烦人。

    2011 年 10 月 1 日 上午 8:14

    1. Boris

      不太可能;目前这个代码区域没有真正的所有者。需要更多的人。:(

      2011 年 10 月 1 日 下午 8:28

  13. Jordi

    我们注意到,没有指定大小的新窗口会获得 Firefox 能给的最小尺寸。我必须手动调整窗口大小,这让我很困扰。自我们升级到 Firefox 7 以来就出现了这种情况。可能是这两个关于调整大小的规则?

    2011 年 10 月 19 日 上午 0:09

这篇文章的评论已关闭。