又过了六周,现在该发布一个新的Firefox了。 版本19于2013年2月19日发布。如果尚未自动安装,请查看“帮助”>“关于Firefox”或转到getfirefox.com 。 让我们一起浏览新功能…
本机PDF查看器
我从不完全了解原生PDF查看的必要性。 插件在某些平台上可能运行缓慢,不稳定且无法使用,但我通常会下载或避免使用PDF文档。 也就是说,Mozilla在内置查看器方面做得很好。 它比Adobe的渲染速度更快,并且可以将文档转换为您可以检查的HTML5 (不是您想要的,这是一团糟) 。
CSS3视口百分比支持
Firefox 19现在支持新的vh,vw,vmin和vmax元素。 有关更多详细信息,请参阅新的CSS3相对字体大小调整单位 。
这些单元现在在Firefox,Chrome,Safari和IE10中具有完全支持,而在IE9中具有部分支持。 Opera 最近切换到WebKit将不可避免地包含该功能。
@page对打印文档的支持
@page允许您定位打印页面的边距或分页符,例如
@page
{
margin: 30mm 50mm;
}
请注意,@ page后面可以跟:first,:left或:right来定位特定页面,但是尚未在Firefox中实现。
将画布内容导出到图像
现在可以使用toBlob方法将canvas元素的生成的图形内容导出到图像blob:
toBlob(callback [, imagetype]);
导出异步进行,因此需要回调函数来处理生成的图像。 默认情况下,图像会导出为无损24位PNG,但如有必要,您可以指定JPG,例如
// JPEG at 90% quality
toBlob(callback, "image/jpeg", 0.9);
这个简单的示例将画布复制到页面上的新图像元素:
var canvas = document.getElementById("canvas");
canvas.toBlob(function(blob) {
var newImg = document.createElement("img"),
url = URL.createObjectURL(blob);
newImg.onload = function() {
// revoke blob after use
URL.revokeObjectURL(url);
};
newImg.src = url;
document.body.appendChild(newImg);
});
更新的开发人员工具
尽管很难超越Firebug,但Mozilla已为Firefox添加了一系列出色的开发人员工具。 JavaScript调试器现在允许暂停异常,并且您可以隐藏不可枚举的属性。 此外,Web控制台中的CSS链接现在在样式编辑器中打开。
还添加了实验性的远程Web控制台,该控制台可以连接到Android或Firefox OS上的Firefox Mobile。 必须在about:config中启用它-将devtools.debugger.remote-enabled设置为true。
其他改进
引擎盖下有许多较小的更新:
- 更快的启动性能
- 主题支持又回来了
- CSS calc()函数现在可以在渐变色标中使用。
- 支持文本转换:全角 ,主要用于亚洲字符集
- canvas
isPointInStroke
方法测试点是否位于路径的填充和描边区域内。 - CSS page-break-inside支持可控制打印文档中的中断
- CSS Flexbox没有前缀,但默认情况下保持禁用状态
- XForms已被删除,但是您还是没有使用它。
- 最低CPU要求已降至600MHz,并且
- 数百个错误已被消除
Firefox在Chrome方面一直处于失地,但该浏览器不仅仅是Google产品的匹配产品。 它当然可以在Windows上很好地工作,但是在Mac或Linux上仍然有人遇到麻烦吗?