網頁制作poluoluo文章簡介:FireFox浏覽器3.6版本的新特性.
自 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 屬性
- 通過新的腳本屬性提升頁面載入時的性能