您不知道的Firefox： 46 項(xiàng)功能

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

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

自 Firefox 3 發(fā)布以來(lái)，我們不斷在起勁為 web 開(kāi)拓者供應(yīng)新的功用。我們以為有需要寫(xiě)一篇博文，來(lái)切實(shí)列出那些我們曉得的但人人能夠還不曉得的一切特征。這篇博文包括了我們?cè)谥?/p>

前約三個(gè)發(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
點(diǎn)穿元素 3.6（答應(yīng)點(diǎn)擊某元素底層的指定元素——譯者注）
:-moz-locale-dir(ltr/rtl) 3.6

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

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

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

: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)用圖片、突變以及其他對(duì)象作為統(tǒng)一個(gè)布景
布景尺寸 3.6

界說(shuō)布景圖片的尺寸
CSS 排列

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

文本四周的暗影
框型暗影

元素四周的暗影
邊框圖片

將圖片用作元素邊框
rem 長(zhǎng)度單元 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ī)形式 時(shí)告訴
localStorage 當(dāng)?shù)卮鎯?chǔ)

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

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

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

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

經(jīng)過(guò) JavaScript 繪制位圖數(shù)據(jù)
PNG 動(dòng)畫(huà)

動(dòng)態(tài)的通明 PNG 圖像
SVG 支撐

繪制、操控矢量圖像，從中捕捉事情
ForeignObject 外部對(duì)象

在 SVG 元素中添加 HTML 內(nèi)容
將 SVG 特效與變換使用到純陳舊的 HTML 內(nèi)容中

CSS 遮罩、SVG 的裁剪途徑（clip-path）或?yàn)V鏡
交互
頁(yè)內(nèi)拖放

完全支撐 web 使用內(nèi)部的拖放操作
從 桌面拖放文件 3.6

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

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

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

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

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

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

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

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

平安疾速地編解碼 JavaScript 對(duì)象
Web Workers

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

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

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

使用網(wǎng)絡(luò)上的字體顯示文字（3.6: 支持 WOFF 與 TTF 字體）
pointer-events
點(diǎn)穿元素 3.6（允許點(diǎn)擊某元素底層的指定元素——譯者注）
:-moz-locale-dir(ltr/rtl) 3.6

確定內(nèi)容從左向右排列（ltr）還是從右向左排列（rtl）
:indeterminate 偽類(lèi) 3.6

將樣式應(yīng)用到“不確定的”單選或多選框
閱讀媒體查 閱（Media Queries）

根據(jù)閱讀媒體（的字號(hào)、寬高 比、顏色、設(shè)備趨向、分辨率）選擇 CSS。3.6 新增了可判斷是否使用了掌上設(shè)備的類(lèi)。
組合偽類(lèi)

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

圓角邊框
CSS 變換

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

將線性漸變或輻射狀漸變用于背景
多重背景 3.6

同時(shí)使用圖片、漸變以及其他對(duì)象作為同一個(gè)背景
背景尺寸 3.6

定義背景圖片的尺寸
CSS 分列

將內(nèi)容分列顯示
文本陰影

文本周?chē)年幱?br /> 框型陰影

元素周?chē)年幱?br /> 邊框圖片

將圖片用作元素邊框
rem 長(zhǎng)度單位 3.6

根據(jù)根文本元素縮放元素
圖像渲染算法 3.6

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

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

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

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

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

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

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

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

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

通過(guò) JavaScript 繪制位圖數(shù)據(jù)
PNG 動(dòng)畫(huà)

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

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

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

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

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

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

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

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

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

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

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

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

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

安全快速地編解碼 JavaScript 對(duì)象
Web Workers

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

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

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

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

通過(guò)新的腳本屬 性提升頁(yè)面載入時(shí)的性能