【IT168 评论】自 Firefox 3 发布以来,我们一直在努力为 web 开发者提供新的功能。我们认为有必要写一篇博文,来确切列出那些我们知道的但大家可能还不知道的所有特性。这篇博文包含了我们在之前约三个发布版本的研发 过程中完成的所有工作,更集中整理了 3.6 版本中的新特性(由于译言编辑器不支持 CSS3,原文中的 3.6 标记加粗代替)。 尽情享受吧!
自 Firefox 3 发布以来,我们一直在努力为 web 开发者提供新的功能。我们认为有必要写一篇博文,来确切列出那些我们知道的但大家可能还不知道的所有特性。这篇博文包含了我们在之前约三个发布版本的研发 过程中完成的所有工作,更集中整理了 3.6 版本中的新特性(由 于译言编辑器不支持 CSS3,原文中的 3.6 标记加粗代替)。
尽情享受吧!
CSS
使用网络上的字体显示文字(3.6: 支持 WOFF 与 TTF 字体)
点穿元素 3.6(允许点击某元素底层的指定元素——译者注)
确定内容从左向右排列(ltr)还是从右向左排列(rtl)
将样式应用到“不确定的”单选或多选框
根据阅读媒体(的字号、宽高 比、颜色、设备趋向、分辨率)选择 CSS。3.6 新增了可判断是否使用了掌上设备的类。
nth-child, :nth-last-child, :nth-of-type, :nth-last-of-type, …
圆角边框
缩放、翻译、倾斜或旋转元素
将线性渐变或辐射状渐变用于背景
同时使用图片、渐变以及其他对象作为同一个背景
定义背景图片的尺寸
将内容分列显示
文本周围的阴影
元素周围的阴影
将图片用作元素边框
根据根文本元素缩放元素
优化了缩放图像的速度与质量
XMLHttpRequest
允许指向其他域的 XMLHttpRequest 请求
计算上传/下载的百分比
发送非 ASCII 内容
从XMLHttpRequest 请求中读取服务端发送的二进制数据
脱机功能
当浏览器进入联机或脱机模式时通知
永久储存数据
为 Firefox 的脱机工作创建应用程序
内容处理
在网页中直接嵌入视频
在网页中嵌入音频文件
通过 JavaScript 绘制位图数据
动态的透明 PNG 图像
绘制、操控矢量图像,从中捕获事件
在 SVG 元素中添加 HTML 内容
CSS 遮罩、SVG 的裁剪路径(clip-path)或滤镜
交互
完全支持 web 应用内部的拖放操作
直接从操作系统中将文件拖入您的网页
通过 DNS 预载技术加速网页载入
检索 GPS 坐标或 3.6 街道地址
在鼠标板上点击、放大与旋转
侦测机器趋向的事件
创建支持类似 “mailto:” 或 “phone:” 协议的 web 应用
当文档(即网页)的尺寸有所变更时能够发现
安全地从一个文档向另一个文档发送信息
JavaScript 与 API
安全快速地编解码 JavaScript 对象
在单独的线程中执行 JavaScript 代码
从拖放、文件上传控件所提供的文件读入二进制内容
通过 CSS 选择器查找网页中的元素
classList 类列表 3.6
轻松操控特定元素的类
通过新的脚本属 性提升页面载入时的性能