Firefox：您可能還不知道的 46 項功能
作者：佚名
自 Firefox 3 發(fā)布以來，我們一直在努力為 web 開發(fā)者提供新的功能。
自 Firefox 3 發(fā)布以來，我們一直在努力為 web 開發(fā)者提供新的功能。我們認為有必要寫一篇博文，來確切列出那些我們知道的但大家可能還不知道的所有特性。這篇博文包含了我們在之前約三個發(fā)布版本的研發(fā)過程中完成的所有工作，更集中整理了 3.6 版本中的新特性（由于譯言編輯器不支持 CSS3，原文中的 3.6 標記加粗代替）。 盡情享受吧！
自 Firefox 3 發(fā)布以來，我們一直在努力為 web 開發(fā)者提供新的功能。我們認為有必要寫一篇博文，來確切列出那些我們知道的但大家可能還不知道的所有特性。這篇博文包含了我們在之前約三個發(fā)布版本的研發(fā) 過程中完成的所有工作，更集中整理了 3.6 版本中的新特性（由 于譯言編輯器不支持 CSS3，原文中的 3.6 標記加粗代替）。
盡情享受吧！
CSS
- @font-face
- 使用網(wǎng)絡(luò)上的字體顯示文字（3.6: 支持 WOFF 與 TTF 字體）
- pointer-events
- 點穿元素 3.6（允許點擊某元素底層的指定元素——譯者注）
- :-moz-locale-dir(ltr/rtl) 3.6
- 確定內(nèi)容從左向右排列（ltr）還是從右向左排列（rtl）
- :indeterminate 偽類 3.6
- 將樣式應用到“不確定的”單選或多選框
- 閱讀媒體查 閱（Media Queries）
- 根據(jù)閱讀媒體（的字號、寬高 比、顏色、設(shè)備趨向、分辨率）選擇 CSS。3.6 新增了可判斷是否使用了掌上設(shè)備的類。
- 組合偽類
- :nth-child, :nth-last-child, :nth-of-type, :nth-last-of-type, …
- -moz-border-radius
- 圓角邊框
- CSS 變換
- 縮放、翻譯、傾斜或旋轉(zhuǎn)元素
- CSS 漸變 3.6
- 將線性漸變或輻射狀漸變用于背景
- 多重背景 3.6
- 同時使用圖片、漸變以及其他對象作為同一個背景
- 背景尺寸 3.6
- 定義背景圖片的尺寸
- CSS 分列
- 將內(nèi)容分列顯示
- 文本陰影
- 文本周圍的陰影
- 框型陰影
- 元素周圍的陰影
- 邊框圖片
- 將圖片用作元素邊框
- rem 長度單位 3.6
- 根據(jù)根文本元素縮放元素
- 圖像渲染算法 3.6
- 優(yōu)化了縮放圖像的速度與質(zhì)量
XMLHttpRequest
- 跨域的 XMLHttpRequest
- 允許指向其他域的 XMLHttpRequest 請求
- 請求進度監(jiān)控
- 計算上傳/下載的百分比
- 發(fā) 送二進制數(shù)據(jù) 3.6
- 發(fā)送非 ASCII 內(nèi)容
- 從請求讀取二進制數(shù)據(jù)
- 從 XMLHttpRequest 請求中讀取服務端發(fā)送的二進制數(shù)據(jù)
脫 機功能
- 脫機與聯(lián)機事件
- 當瀏覽器進入聯(lián)機或脫機模式 時通知
- localStorage 本地存儲
- ***儲存數(shù)據(jù)
- HTML5 應用程序緩存
- 為 Firefox 的脫機工作創(chuàng)建應用程序
內(nèi)容處理
- Video 標簽 (poster 屬性 3.6)
- 在網(wǎng)頁中直接嵌入視頻
- Audio 標簽
- 在網(wǎng)頁中嵌入音頻文件
- Canvas 元素
- 通過 JavaScript 繪制位圖數(shù)據(jù)
- PNG 動畫
- 動態(tài)的透明 PNG 圖像
- SVG 支持
- 繪制、操控矢量圖像，從中捕獲事件
- ForeignObject 外部對象
- 在 SVG 元素中添加 HTML 內(nèi)容
- 將 SVG 特效與變換應用到純古老的 HTML 內(nèi)容中
- CSS 遮罩、SVG 的裁剪路徑（clip-path）或濾鏡
交互
- 頁內(nèi)拖放
- 完全支持 web 應用內(nèi)部的拖放操作
- 從 桌面拖放文件 3.6
- 直接從操作系統(tǒng)中將文件拖入您的網(wǎng)頁
- DNS 預載
- 通過 DNS 預載技術(shù)加速網(wǎng)頁載入
- 定位
- 檢索 GPS 坐標或 3.6 街道地址
- 鼠標手勢事件
- 在鼠標板上點擊、放大與旋轉(zhuǎn)
- 偵測設(shè)備趨向
- 偵測機器趨向的事件
- 基于 Web 的協(xié)議處理
- 創(chuàng)建支持類似 “mailto:” 或 “phone:” 協(xié)議的 web 應用
- 偵測文檔寬高變更 3.6
- 當文檔（即網(wǎng)頁）的尺寸有所變更時能夠發(fā)現(xiàn)
- 窗口和幀之間的通信
- 安全地從一個文檔向另一個文檔發(fā)送信息
JavaScript 與 API
- 原 生 JSON 支持
- 安全快速地編解碼 JavaScript 對象
- Web Workers
- 在單獨的線程中執(zhí)行 JavaScript 代碼
- 文 件 API 3.6
- 從拖放、文件上傳控件所提供的文件讀入二進制內(nèi)容
- QuerySelector 查閱選擇器
- 通過 CSS 選擇器查找網(wǎng)頁中的元素
- classList 類列表 3.6
- 輕松操控特定元素的類
- 腳本元素的延遲與異步 3.6 屬性
- 通過新的腳本屬 性提升頁面載入時的性能
-
【相關(guān)文章】
責任編輯：龐桂玉
來源：
cnbeta
