您不知道的Firefox： 46 項功能

申請免費(fèi)試用、咨詢電話：400-8352-114

南昌網(wǎng)站建設(shè) www.diyphp.net

自 Firefox 3 發(fā)布以來，我們不斷在起勁為 web 開拓者供應(yīng)新的功用。我們以為有需要寫一篇博文，來切實列出那些我們曉得的但人人能夠還不曉得的一切特征。這篇博文包括了我們在之

前約三個發(fā)布版本的研發(fā) 進(jìn)程中完成的一切任務(wù)，更集中整頓了 3.6 版本中的新特征（由 于譯言編纂器不支撐 CSS3，原文中的 3.6 標(biāo)志加粗替代）。
縱情享用吧！
關(guān)于CSS
@font-face

運(yùn)用收集上的字體顯示文字（3.6: 支撐 WOFF 與 TTF 字體）
pointer-events
點穿元素 3.6（答應(yīng)點擊某元素底層的指定元素——譯者注）
:-moz-locale-dir(ltr/rtl) 3.6

確定內(nèi)容從左向右陳列（ltr）照樣從右向左陳列（rtl）
:indeterminate 偽類 3.6

將款式使用到“不確定的”單選或多選框
閱讀媒體查 閱（Media Queries）

依據(jù)閱讀媒體（的字號、寬高 比、顏色、設(shè)備趨勢、分辯率）選擇 CSS。3.6 新增了可判別能否運(yùn)用了掌上設(shè)備的類。
組合偽類

:nth-child, :nth-last-child, :nth-of-type, :nth-last-of-type, …
-moz-border-radius

圓角邊框
CSS 變換

縮放、翻譯、傾斜或扭轉(zhuǎn)元素
CSS 突變 3.6

將線性突變或輻射狀突變用于布景
多重布景 3.6

還運(yùn)用圖片、突變以及其他對象作為統(tǒng)一個布景
布景尺寸 3.6

界說布景圖片的尺寸
CSS 排列

將內(nèi)容排列顯示
文本暗影

文本四周的暗影
框型暗影

元素四周的暗影
邊框圖片

將圖片用作元素邊框
rem 長度單元 3.6

依據(jù)根文本元素縮放元素
圖像襯著算法 3.6

優(yōu)化了縮放圖像的速度與質(zhì)量
關(guān)于XMLHttpRequest
跨域的 XMLHttpRequest

答應(yīng)指向其他域的 XMLHttpRequest 懇求
懇求進(jìn)度監(jiān)控

核算上傳/下載的百分比
發(fā) 送二進(jìn)制數(shù)據(jù) 3.6

發(fā)送非 ASCII 內(nèi)容
從懇求讀取二進(jìn)制數(shù)據(jù)
從 XMLHttpRequest 懇求中讀取效勞端發(fā)送的二進(jìn)制數(shù)據(jù)
脫 機(jī)功用
脫機(jī)與聯(lián)機(jī)事情

當(dāng)閱讀器進(jìn)入聯(lián)機(jī)或脫機(jī)形式 時告訴
localStorage 當(dāng)?shù)卮鎯?/p>

永世貯存數(shù)據(jù)
HTML5 使用順序緩存

為 Firefox 的脫機(jī)任務(wù)創(chuàng)立使用順序
內(nèi)容處置
Video 標(biāo)簽 (poster 屬性 3.6)

在網(wǎng)頁中直接嵌入視頻
Audio 標(biāo)簽

在網(wǎng)頁中嵌入音頻文件
Canvas 元素

經(jīng)過 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 預(yù)載

經(jīng)過 DNS 預(yù)載技能加快網(wǎng)頁載入
定位

檢索 GPS 坐標(biāo)或 3.6 街道地址
鼠標(biāo)手勢事情

在鼠標(biāo)板上點擊、擴(kuò)大與扭轉(zhuǎn)
偵測設(shè)備趨勢

偵測機(jī)械趨勢的事情
基于 Web 的和談處置

創(chuàng)立支撐相似 “mailto:” 或 “phone:” 和談的 web 使用
偵測文檔寬高改變 3.6

當(dāng)文檔（即網(wǎng)頁）的尺寸有所改變時可以發(fā)現(xiàn)
窗口和幀之間的通訊

平安地從一個文檔向另一個文檔發(fā)送信息
JavaScript 與 API
原 生 JSON 支撐

平安疾速地編解碼 JavaScript 對象
Web Workers

在獨(dú)自的線程中執(zhí)行 JavaScript 代碼
文 件 API 3.6

從拖放、文件上傳控件所供應(yīng)的文件讀入二進(jìn)制內(nèi)容
QuerySelector 查閱選擇器

經(jīng)過 CSS 選擇器查找網(wǎng)自 Firefox 3 發(fā)布以來，我們一直在努力為 web 開發(fā)者提供新的功能。我們認(rèn)為有必要寫一篇博文，來確切列出那些我們知道的但大家可能還不知道的所有特性。這篇博文包含了我們在之前約三個發(fā)布版本的研發(fā) 過程中完成的所有工作，更集中整理了 3.6 版本中的新特性（由 于譯言編輯器不支持 CSS3，原文中的 3.6 標(biāo)記加粗代替）。
盡情享受吧！
關(guān)于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

將樣式應(yīng)用到“不確定的”單選或多選框
閱讀媒體查 閱（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ì)量
關(guān)于XMLHttpRequest
跨域的 XMLHttpRequest

允許指向其他域的 XMLHttpRequest 請求
請求進(jìn)度監(jiān)控

計算上傳/下載的百分比
發(fā) 送二進(jìn)制數(shù)據(jù) 3.6

發(fā)送非 ASCII 內(nèi)容
從請求讀取二進(jìn)制數(shù)據(jù)
從 XMLHttpRequest 請求中讀取服務(wù)端發(fā)送的二進(jìn)制數(shù)據(jù)
脫 機(jī)功能
脫機(jī)與聯(lián)機(jī)事件

當(dāng)瀏覽器進(jìn)入聯(lián)機(jī)或脫機(jī)模式 時通知
localStorage 本地存儲

永久儲存數(shù)據(jù)
HTML5 應(yīng)用程序緩存

為 Firefox 的脫機(jī)工作創(chuàng)建應(yīng)用程序
內(nèi)容處理
Video 標(biāo)簽 (poster 屬性 3.6)

在網(wǎng)頁中直接嵌入視頻
Audio 標(biāo)簽

在網(wǎng)頁中嵌入音頻文件
Canvas 元素

通過 JavaScript 繪制位圖數(shù)據(jù)
PNG 動畫

動態(tài)的透明 PNG 圖像
SVG 支持

繪制、操控矢量圖像，從中捕獲事件
ForeignObject 外部對象

在 SVG 元素中添加 HTML 內(nèi)容
將 SVG 特效與變換應(yīng)用到純古老的 HTML 內(nèi)容中

CSS 遮罩、SVG 的裁剪路徑（clip-path）或濾鏡
交互
頁內(nèi)拖放

完全支持 web 應(yīng)用內(nèi)部的拖放操作
從 桌面拖放文件 3.6

直接從操作系統(tǒng)中將文件拖入您的網(wǎng)頁
DNS 預(yù)載

通過 DNS 預(yù)載技術(shù)加速網(wǎng)頁載入
定位

檢索 GPS 坐標(biāo)或 3.6 街道地址
鼠標(biāo)手勢事件

在鼠標(biāo)板上點擊、放大與旋轉(zhuǎn)
偵測設(shè)備趨向

偵測機(jī)器趨向的事件
基于 Web 的協(xié)議處理

創(chuàng)建支持類似 “mailto:” 或 “phone:” 協(xié)議的 web 應(yīng)用
偵測文檔寬高變更 3.6

當(dāng)文檔（即網(wǎng)頁）的尺寸有所變更時能夠發(fā)現(xiàn)
窗口和幀之間的通信

安全地從一個文檔向另一個文檔發(fā)送信息
JavaScript 與 API
原 生 JSON 支持

安全快速地編解碼 JavaScript 對象
Web Workers

在單獨(dú)的線程中執(zhí)行 JavaScript 代碼
文 件 API 3.6

從拖放、文件上傳控件所提供的文件讀入二進(jìn)制內(nèi)容
QuerySelector 查閱選擇器

通過 CSS 選擇器查找網(wǎng)頁中的元素
classList 類列表 3.6

輕松操控特定元素的類
腳本元素的延遲與異步 3.6 屬性

通過新的腳本屬 性提升頁面載入時的性能