是时候再来看看 Firefox 的最新进展了。这是我们前沿技术和Firefox 开发亮点系列的一部分,大多数示例仅在Firefox Nightly中有效(并且可能随时更改)。
字体检查器
现在 Firefox DevTools 中提供了字体检查器。
在 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上写博客,喜欢旅行和结识新朋友。
关于 Paul Rouget
Paul 是 Firefox 开发人员。
5条评论