Firefox:您可能还不知道的 46 项功能
来源:phperz.com 作者: 发布时间:2010-03-12
自 Firefox 3 发布以来,我们一直在努力为 web 开发者提供新的
自 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 属性
- 通过新的脚本属 性提升页面载入时的性能
延伸阅读:Firefox与IE下UL预设标记的异同IE与Firefox的CSS兼容大全IE 6.0 Firefox Opera 下使背景PNG图片透明Mozilla谈Firefox 3智能地址栏的未来(图)Firefox 3 预计6月发布 正式版新功能值得期待IE 8/Safari 3.1/Firefox 3浏览器大比拼FireFox 3.0 被指降低Linux系统性能FireFox 3.0正式版将在6月17日发布Firefox中不透明度滤镜Alpha的使用方法 中国版2010火狐Firefox:5大新功能体验Firefox新引擎JagerMonkey极具竞争力