麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 開發 > HTML5 > 正文

iOS4.2對支持HTML5新特性

2024-09-05 07:18:31
字體:
來源:轉載
供稿:網友
文章整理自 Safari on iOS 4.2: Accelerometer, WebSockets, SVG, AJAX2 & better HTML5 support

嗯,據說iOS 4.2發布了,所有的iPhone,iPod、iPad啥的,都可以免費更新。令人欣慰的是,這個版本的iOS對HTML5新特性的支持有比較大的升級,其中包括對WebSockets和加速器(Accelerometer)的支持,新的event、支持打印、新的JavaScript 數據類型和更好的SVG支持。

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

通過DeviceOrientation API支持加速器 HTML5 WebSocket API HTML5 表單支持增強 打印支持 新的JavaScript 數據類型 新DOM事件 增強對SVG和Canvas的支持加速器支持

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

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

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

window.ondevicemotion = function(event) {// event.accelerationIncludingGravity.x// event.accelerationIncludingGravity.y// event.accelerationIncludingGravity.z} WebSockets

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

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

HTML5表單支持

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

<style>input {background-color: green;color: white;}input:invalid {background-color: yellow;}</style><input type="text" required>AJAX2

名為FormData對象,這允許我們很方便的通過Ajax發生表單數據。

打印支持

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

新的JavaScript 數據類型

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

新DOM事件

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

現在,我們也可以使用window.captureEventswindow.releaseEvents來監聽全局方法中的事件。

SVG和Canvas支持增強

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

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

其它東東 支持window全局對象的一個styleMedia屬性 一種WebGLRenderingContext類可用,3D Drawing API(也就是WebGL)的一部分。 一個全局RGBColor構造函數

PS:由于我本人并沒有iPhone、iPad啥的,所以沒有辦法對文中的內容進行逐個測試,如果你發現了某些錯誤或者新的內容,請通過留言提交,我會及時更新本文,多謝——神飛

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 免费国产自久久久久三四区久久 | 日本aaaa片毛片免费观看视频 | 久久国产精品久久久久久电车 | 亚洲第五色综合网 | 天天干天天透 | 国产成年人网站 | 精品国产一区二区三区久久久蜜月 | 毛片午夜 | 国产91影院| 特级毛片a级毛片100免费 | 久久国产一二区 | 久久久久久91 | 91网站链接 | 亚洲日本韩国精品 | 性爱视频免费 | 蜜桃视频在线观看免费 | 天天碰天天操 | 九九色网站 | 88xx成人精品视频 | 久久精品视频免费观看 | 91九色精品国产 | 99这里精品 | 久久久久久免费 | 色女人在线 | 在线a毛片免费视频观看 | 久久久久久免费免费 | 亚洲一级网站 | 欧美18一19sex性护士农村 | 黄色免费av | 在线成人av观看 | 国产黄色毛片 | 国产精品久久久久网站 | 综合国产在线 | 久久一区国产 | 久久午夜免费视频 | av在线播放亚洲 | 成人福利视频在线观看 | 中文字幕涩涩久久乱小说 | 国产1区2| 美女被免费网站在线软件 | 男男羞羞视频网站国产 |