字体检查器和<time>和<data>元素 – Firefox 开发亮点

是时候再来看看 Firefox 的最新进展了。这是我们前沿技术Firefox 开发亮点系列的一部分,大多数示例仅在Firefox Nightly中有效(并且可能随时更改)。

字体检查器

现在 Firefox DevTools 中提供了字体检查器。

image

在 Firefox 检查器中,现在可以使用“字体”面板。它显示了页面中使用的@font-faces的各种信息。

  • 字体名称和字体系列
  • 其位置(系统或远程,以及 URL)
  • 预览(你可以更改它)
  • @font-face 代码

HTML5 <data> 和 <time> 元素支持

我们已经实现了对两个新元素的支持。

<time> 元素

HTML time 元素 (

示例

The concert took place on .

更多信息可以在MDN 的 <time> 元素文档中找到,也可以在W3C 规范中找到。

<data> 元素

data 元素表示其内容,以及在 value 属性中表示这些内容的机器可读形式。value 属性必须存在,其值必须以机器可读的格式表示元素的内容。

<data> 元素添加了一个新属性 value,它包含数据的字符串表示形式。在脚本中,我们可以使用 .value 属性获取反映的值

示例

David Humphrey
document.getElementById("user").value; // "humphd"

它在WHATWG 规范中提供,David Humphrey 在HTML5 time 和 data 元素在 Firefox 中中对此进行了更详细的说明。

关于 Robert Nyman [名誉编辑]

技术布道者和 Mozilla Hacks 编辑。在 HTML5、JavaScript 和开放网络方面发表演讲和博客。Robert 坚信 HTML5 和开放网络,自 1999 年以来一直从事网页前端开发工作 - 在瑞典和纽约市。他还经常在http://robertnyman.com上写博客,喜欢旅行和结识新朋友。

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

关于 Paul Rouget

Paul 是 Firefox 开发人员。

更多 Paul Rouget 的文章…


5条评论

  1. Chris Adams

    我处理大量多语言内容。字体检查器可以做的一件非常有用的事情是列出字体替换发生的时间和使用的字体 - 有时要回答一个字形来自哪里这个问题并不容易,尤其是在别人的计算机上

    2013年3月13日 下午4:09

  2. Anthony Caudill

    终于有了另一种替代不可见文本区域的方法。

    2013年3月13日 下午5:07

  3. Aftab Khalid

    真的很好,以前在浏览器中检查字体性能和质量存在问题,现在我们可以检查它并检查性能了。

    2013年3月13日 下午11:54

  4. Bastian

    与其创建字体检查器,不如努力开发高级网络检查器,这样可以将 FF 本机工具更接近 firebug。

    2013年3月15日 上午10:32

    1. Robert Nyman [编辑]

      好吧,一件事情并不排除另一件事。我们希望对开发者工具做尽可能多的事情。

      2013年3月18日 上午2:51

这篇文章的评论已关闭。