自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

iOS 4.2支持HTML5新特性

移動開發(fā) iOS
本文介紹的是iOS 4.2支持HTML5新特性,對于html5,或許也了解了一點,先來看本文介紹。

iOS 4.2支持HTML5新特性是本文要介紹的內容,在這不多收,我們直接進入話題。據(jù)說iOS 4.2發(fā)布了,所有的iPhone,iPod、iPad啥的,都可以免費更新。令人欣慰的是,這個版本的iOSHTML5新特性的支持有比較大的升級,其中包括對WebSockets和加速器(Accelerometer)的支持,新的event、支持打印、新的JavaScript 數(shù)據(jù)類型和更好的SVG支持。

事實上,Apple還沒有更新Safari文檔。這里的信息只是基于在Safari(注:文中的Safari指iOS移動設備中的Safari瀏覽器,不包括PC和Mac機中的Safari)自身的JavaScript研究和測試上。具體來說,檢測到的新特性如下:

通過DeviceOrientation API支持加速器

HTML5 WebSocket API

HTML5 表單支持增強

打印支持

新的JavaScript 數(shù)據(jù)類型

新DOM事件

增強對SVG和Canvas的支持

加速器支持

或許你已經(jīng)知道,iOS設備都有加速傳感器(還有其它的,比如磁力及和陀螺儀),但是直到現(xiàn)在,網(wǎng)頁開發(fā)者沒有操作這些傳感器的權限。Safari現(xiàn)在支持 DeviceOrientation API (W3C草案),不過,雖然看起來全部的API都是被支持的(包括ondeviceorientation 和ondevicemotion事件),但是在測試中,我只能成功的使用加速器的數(shù)據(jù)。

如果你已經(jīng)有了iOS 4.2的設備,可以用Safari瀏覽器訪問 ad.ag/jtjdmj 自行測試。

要想檢測每秒鐘50次加速計數(shù)據(jù)變化,你需要在window全局對象監(jiān)聽ondevicemotion事件,然后在DeviceOrientationEvent參數(shù)上使用accelerationIncludingGravity屬性。它有三個值:x、y和z,分別代表每個坐標上的加速度g (gravity,重力)。你可以將加速計數(shù)用于游戲,效果或者CSS動畫中。

  1.  window.ondevicemotion = function(event) {  
  2. // event.accelerationIncludingGravity.x  
  3. // event.accelerationIncludingGravity.y  
  4. // event.accelerationIncludingGravity.z  
  5. }  

WebSockets

另一個大更新是對WebSockets的支持。WebSockets是一個尚處于草案狀態(tài)的W3C HTML5 API,允許JavaScript使用一種開放的雙向、雙全工連接到一臺服務器,通過TCP sockets。這對于聊天和實時應用來說是一個非常好的消息,因為可以大大減少AJAX周期性調用。

你將需要一臺能夠通過一種HTTP握手理解新的WebSocket協(xié)議的服務器。如果服務器不支持WebSocket或者由于代理/網(wǎng)關的原因,你將還要依賴一種fallback機制。

HTML5表單支持

其實webkit對HTML5表單的支持相對已經(jīng)比較不錯,現(xiàn)在iOS 4.2的Safari開始支持 required屬性以及 :invalid CSS偽類。這樣的話,下面的代碼將展示一個文本框在輸入正確的時候顯示綠色背景,而不正確的時候顯示黃色背景。

  1. <style> 
  2. input {  
  3. background-color: green;  
  4. color: white;  
  5. }  
  6. input:invalid {  
  7. background-color: yellow;  
  8. }  
  9. </style> 
  10. <input type="text" required>AJAX2 

名為FormData對象,這允許我們很方便的通過Ajax發(fā)生表單數(shù)據(jù)。

打印支持

iOS4.2引入了 AirPrint,一種無限打印方案。也就是說,我們現(xiàn)在可以使用 window.print 來在Safari中調用打印對話框了。

新的JavaScript 數(shù)據(jù)類型

Safari現(xiàn)在支持 二進制類 (Blob Class)和許多整數(shù)類型的集合,比如 Float32Array,Int8Array,Uint8Array,Int16Array Unit16Array,Int32Array以及Uint32Array等在Typed Arrays規(guī)范中定義的數(shù)組。更多信息可訪問 Firefox 網(wǎng)站。

新DOM事件

在新的動作類事件中,我們現(xiàn)在可以使用HTML 5新的 onhashchange事件用于檢測AJAX類webapp中URL中散列(#)之后的變化,以及HTML5草案規(guī)范中的invalid、onbeforeload 以及onpopstate事件。

現(xiàn)在,我們也可以使用window.captureEvents和window.releaseEvents來監(jiān)聽全局方法中的事件。

SVG和Canvas支持增強

iOS支持作為獨立文件的SVG以及內聯(lián)SVG(使用svg標簽)?,F(xiàn)在我們可以直接在我們的文檔中創(chuàng)建SVG文檔——使用超過20個SVG___類,比如SVGDocument,SVGImage等…

對于Canvas,現(xiàn)在支持imageData data-type,一種從JavaScript以像素級操作圖片的方法。

其它東東

支持window全局對象的一個styleMedia屬性

g API(也就是WebGL)的一部分。

一個全局RGBColor構造函數(shù)

小結:關于iOS 4.2支持HTML5新特性的內容介紹完了,希望本文對你有所幫助,更多相關內容請參考編輯推薦。

責任編輯:zhaolei 來源: 互聯(lián)網(wǎng)
相關推薦

2012-05-01 22:15:18

HTML5

2011-12-05 14:49:55

HTML5傲游

2011-06-20 12:07:05

HTML 5

2012-04-23 13:43:02

HTML5瀏覽器

2011-04-22 15:02:19

HTML5Dojo

2014-12-03 10:21:50

HTML5

2011-08-30 09:07:30

HTML 5

2021-03-30 14:50:41

前端TypeScript 命令

2011-08-11 14:33:13

加密RSA虛擬化

2009-12-24 13:30:51

Fedora Core

2018-01-31 08:49:44

2012-05-16 09:27:53

Chrome瀏覽器

2011-07-12 13:21:34

2011-11-09 10:05:26

HTML 5

2009-09-03 15:22:05

RHEL5內存紅帽

2011-10-13 16:01:22

F5Oracle DataOracle WebL

2011-06-20 10:21:29

Chrome 13

2011-03-07 12:31:54

Filezilla

2020-10-09 11:02:46

HTML5 特性

2014-03-18 09:20:17

HTML5移動開發(fā)
點贊
收藏

51CTO技術棧公眾號