FireFox浏览器3.6版本的新特性

自 Firefox 3 发布以来,我们一直在努力为 web 开发者提供新的功能。我们认为有必要写一篇博文,来确切列出那些我们知道的但大家可能还不知道的所有特性。这篇博文包含了我们在之前约三个发布版本的研发过程中完成的所有工作,更集中整理了 3.6 版本中的新特性(由于译言编辑器不支持 CSS3,原文中的 3.6 标记加粗代替)。

尽情享受吧!

CSS

@font-face

 

使用网络上的字体显示文字(3.6: 支持 WOFF 与 TTF 字体)

 

pointer-events

 

点穿元素 3.6(允许点击某元素底层的指定元素——译者注)

 

:-moz-locale-dir(ltr/rtl) 3.6

 

确定内容从左向右排列(ltr)还是从右向左排列(rtl)

 

:indeterminate 伪类 3.6

 

将样式应用到“不确定的”单选或多选框

 

阅读媒体查阅(Media Queries)

 

根据阅读媒体(的字号、宽高比、颜色、设备趋向、分辨率)选择 CSS。3.6 新增了可判断是否使用了掌上设备的类。

 

组合伪类

 

:nth-child, :nth-last-child, :nth-of-type, :nth-last-of-type, …

 

-moz-border-radius

 

圆角边框

 

CSS 变换

 

缩放、翻译、倾斜或旋转元素

 

CSS 渐变 3.6

 

将线性渐变或辐射状渐变用于背景

 

多重背景 3.6

 

同时使用图片、渐变以及其他对象作为同一个背景

 

背景尺寸 3.6

 

定义背景图片的尺寸

 

CSS 分列

 

将内容分列显示

 

文本阴影

 

文本周围的阴影

 

框型阴影

 

元素周围的阴影

 

边框图片

 

将图片用作元素边框

 

rem 长度单位 3.6

 

根据根文本元素缩放元素

 

图像渲染算法 3.6

 

优化了缩放图像的速度与质量

XMLHttpRequest

跨域的 XMLHttpRequest

 

允许指向其他域的 XMLHttpRequest 请求

 

请求进度监控

 

计算上传/下载的百分比

 

发送二进制数据 3.6

 

发送非 ASCII 内容

 

从请求读取二进制数据

 

从 XMLHttpRequest 请求中读取服务端发送的二进制数据

脱机功能

脱机与联机事件

 

当浏览器进入联机或脱机模式时通知

 

localStorage 本地存储

 

永久储存数据

 

HTML5 应用程序缓存

 

为 Firefox 的脱机工作创建应用程序

内容处理

Video 标签 (poster 属性 3.6)

 

在网页中直接嵌入视频

 

Audio 标签

 

在网页中嵌入音频文件

 

Canvas 元素

 

通过 JavaScript 绘制位图数据

 

PNG 动画

 

动态的透明 PNG 图像

 

SVG 支持

 

绘制、操控矢量图像,从中捕获事件

 

ForeignObject 外部对象

 

在 SVG 元素中添加 HTML 内容

 

将 SVG 特效与变换应用到纯古老的 HTML 内容中

 

CSS 遮罩、SVG 的裁剪路径(clip-path)或滤镜

交互

页内拖放

 

完全支持 web 应用内部的拖放操作

 

从桌面拖放文件 3.6

 

直接从操作系统中将文件拖入您的网页

 

DNS 预载

 

通过 DNS 预载技术加速网页载入

 

定位

 

检索 GPS 坐标或 3.6 街道地址

 

鼠标手势事件

 

在鼠标板上点击、放大与旋转

 

侦测设备趋向

 

侦测机器趋向的事件

 

基于 Web 的协议处理

 

创建支持类似 “mailto:” 或 “phone:” 协议的 web 应用

 

侦测文档宽高变更 3.6

 

当文档(即网页)的尺寸有所变更时能够发现

 

窗口和帧之间的通信

 

安全地从一个文档向另一个文档发送信息

JavaScript 与 API

原生 JSON 支持

 

安全快速地编解码 JavaScript 对象

 

Web Workers

 

在单独的线程中执行 JavaScript 代码

 

文件 API 3.6

 

从拖放、文件上传控件所提供的文件读入二进制内容

 

QuerySelector 查阅选择器

 

通过 CSS 选择器查找网页中的元素

 

classList 类列表 3.6

 

轻松操控特定元素的类

 

脚本元素的延迟与异步 3.6 属性

 

通过新的脚本属性提升页面载入时的性能

时间: 2025-01-18 21:00:58

FireFox浏览器3.6版本的新特性的相关文章

J2SE 1.5版本的新特性一览

j2se 到了2003的年末,J2SE1.5的beta版本就将发布了.这次发布和现在已经发布的J2SE1.4的两个更新1.4.1和1.4.2都如2003年的JavaOne大会预期的发布.如果你没有参加这次大会,或者想重新回顾一下,那么下面就是这次大会的简要内容. J2SE 1.4.1 and 1.4.2 Releases 当1.4.1(开发代号"Hopper")在2002年9月发布以及它的后续版本1.4.2(开发代号"Mantis")在2003年1月如期发布的时候,

J2SE 1.5版本的新特性一览_Java编程

文章来源:互联网 作者:supertoto(翻译)/CSDN.Net 到了2003的年末,J2SE1.5的beta版本就将发布了.这次发布和现在已经发布的J2SE1.4的两个更新1.4.1和1.4.2都如2003年的JavaOne大会预期的发布.如果你没有参加这次大会,或者想重新回顾一下,那么下面就是这次大会的简要内容. J2SE 1.4.1 and 1.4.2 Releases 当1.4.1(开发代号"Hopper")在2002年9月发布以及它的后续版本1.4.2(开发代号"

分布式计算框架Mesos最新版本六大新特性揭秘

1.容器的网络隔离 Mesos 0.23 提供支持在容器部署前定义网络的监控和隔离规则.网络隔离避免了单个容器占用太多的端口.太多的带宽,以及造成其他用户数据包明显的延迟. 每个运行的容器的网络统计数据可以在 slave 上从 /monitor/statistics.json 文件中读取.网络隔离对运行在 slave 上的多数 tasks 都是透明的(那些绑定到 port 0 和让内核分配给它们对应的端口).这个特性仅仅是在 Linux 上实现并且需要设置 configure-time flag

C++第11版本中的一些强大的新特性小结_C 语言

Auto Type Deduction 自动类型推导 auto 关键字让用户得以使用 C++ 内置的类型推导特性. std::string something = somethingthatreturnsastring.getString(); auto something = somethingthatreturnsastring.getString(); Auto 关键字会对上述自变量(something)进行自动推导,得出其应该是 string 类型的结论,并在 auto 出现的地方用正确

[20150515]简单了解某个版本有什么新特性

[20150515]简单了解某个版本有什么新特性.txt --如果想简单的了解某个版本的新特性,可以设置optimizer_features_enable SCOTT@test> show parameter optimizer_features_enable NAME                                 TYPE    VALUE ------------------------------------ ------- -------- optimizer_feat

深入了解 CSS3 新特性

很多已经存在的新功能和特性正在被提出至CSS3.我们将在此尝试展示其中的一些内容--前提是他们已经被Firefox.Konqueror.Safari/Webkit实现了. 下面依次介绍. 译者注:原文链接在此省去,其链接的内容会附带在最后面. 边框 border-color 属性 boder-image 属性 border-radius 属性 box-shadow 属性 背景 background-origin 属性和 background-clip 属性 background-size 属性

FireFox浏览器使用Javascript上传大文件_php实例

本程序是利用3.x的Firefox浏览器可以读取本地文件的特性,实现通过xmlHttPRequest上传大文件功能,并在可以上传过程中动态显示上传进度.略加修改,并与服务器端配合,可以实现断点续传等诸多功能.本例主要是研究FireFox的file-input节点的一些特性,其他客户端应用,如Flash.Sliverlight等,在实现客户端大文件上传时,在数据传输与服务器端存储等方面,与本例的思路基本一致.注意:文件体积似乎有临界点,但这个临界点是多少尚未确认.建议不要用此方法上传超过100M的

Worklight V6新特性简介

手机应用生命周期 IBM 从 2012 年初收购 Worklight 平台之后,就一直致力于企业级手机应用开发的研究.为了更好的规范相应的流程,IBM 提出了手机企业级应用开发生命周期的概念.在这个概念中,所有的流程被定义为九个部分,相应的内容如表 1 所示: 从表 1 中可以看到,企业级手机应用的开发从整个生命周期来看,每个阶段都有其各自的任务,但总体目标都是为了提高应用的质量:并且利用工具后,不但可以缩短手机应用开发的整体时间,还可以通过这些工具分析手机应用在不同阶段的质量.在实际工作中,开

Impala新特性

本文主要整理一下 Impala 每个版本的新特性,方便了解 Impala 做了哪些改进.修复了哪些 bug. Impala 目前最新版本为 1.4.0,其下载地址为:http://archive.cloudera.com/impala/redhat/6/x86_64/impala/ 不得不说的事情: 1.3.1 用于 CDH4 1.4.0 用于 CDH5 1.4.0 CDH5 中增加 DECIMAL 数据类型,可以设置精度,其语法为:DECIMAL[(precision[,scale])] CD