是时候再次关注 Firefox 的最新进展了。这是我们 Bleeding Edge 和 Firefox 开发亮点 系列的一部分,大多数示例只在 Firefox Nightly 中有效(并且可能发生变化)。
HiDPI 支持
我们很高兴地说,现在支持具有多个图像的 ico/icns:最高分辨率的图标现在将在 HiDPI/Retina 显示器上使用。
Favicon 实现描述在 bug 828508 中,ico/icns 描述在 bug 419588 中。
性能改进/快速响应
已经进行了许多 性能改进,例如更快的启动速度、触摸板上的更好滚动和更流畅的动画。
然而,最重要的改进可能是多线程图像解码器。结果应该是更快的页面加载和标签切换。所有细枝末节都描述在 bug 716140 中。
HTML5
在 HTML5 及其朋友的世界中,我们有一些很好的额外支持
<input type=”range”>
我们现在在表单中支持 <input type="range">
元素。要对其进行样式设置,可以使用 ::-moz-range-progress
::-moz-range-progress {
background: #f00;
}
您可以在 <input type=”range”> 演示在 jsFiddle 上的实际效果。
HTML5 通知
HTML5 通知现已实现。基本上,您请求权限,然后可以创建通知
function authorizeNotification() {
Notification.requestPermission(function(perm) {
alert(perm);
});
}
function showNotification() {
var notification = new Notification("This is a title", {
dir: "auto",
lang: "",
body: "This is a notification body",
tag: "sometag",
});
}
请参阅 HTML5 通知演示在 jsFiddle 上的实际效果。
WebAudio API 默认激活
WebAudio API 在 Firefox Nightly 中已默认激活。欢迎测试人员,尽管在发布之前仍有一些工作要做。
JavaScript
并行 JS
并行 JS 的第一个版本已登陆 Firefox。在 并行 JS 登陆 文章中提供了更多详细信息。
asm.js
我们很高兴地说,asm.js 现在已在 Firefox 中,计划在 Firefox 22 中发布!Luke Wagner 在 Firefox Nightly 中的 asm.js 中写了更多关于它的内容。
ES6 箭头函数语法
我们现在支持 ES6 箭头函数语法
let square = x => x*x;
console.log(square(3));
CSS
@supports 默认激活
我们计划在 Firefox 22 中发布它。关于 @supports 在 MDN 上的更多信息。
min-width 和 min-height 'auto' 关键字
min-width
和 min-height 'auto'
关键字不再支持。它已从 CSS3 Flexbox 中删除。有关详细信息,请参阅 bug 848539。
CSS Flexbox 已重新启用
很高兴告诉您,CSS Flexbox 已在 Firefox 22 中默认重新启用,当前正在 Firefox Aurora 中!
关于 Robert Nyman [荣誉编辑]
Mozilla Hacks 的技术布道者和编辑。就 HTML5、JavaScript 和开放网络发表演讲和博客文章。Robert 是 HTML5 和开放网络的坚定支持者,自 1999 年以来一直从事 Web 前端开发工作 - 在瑞典和纽约市。他还会定期在 http://robertnyman.com 上发布博客文章,并且热爱旅行和结识新朋友。
关于 Jean-Yves Perrier
Jean-Yves 是 Mozilla 开发者外联团队的项目经理。此前,他是 MDN 技术作家,专门从事 Web 平台技术(HTML、CSS、API),并且多年来一直担任 MDN 内容主管。
关于 Paul Rouget
Paul 是 Firefox 开发人员。
25 条评论