微信內置瀏覽器對於html5的支持

作針對微信的HTML5應用, 目前遇到的幾個問題是

 

一. 安卓版微信直接調用系統瀏覽器內核, iOS則是調用safari, 因此要使用新特性, 只能升級系統了, 對於不少老系統, 新的特性是無法用的, 就連基本的canvas, toDataURL 在4.4 如下是不能導出 image/jpeg 格式的, 直接導出的 png格式, 每每很是大, 好幾百K,

 

二. localStorage等, 是能夠用, 可是聽說有微信退出以後就被清空的問題.

 

三. 據 Sencha 項目的調研顯示, 目前最適合 HTML5 項目的是 iOS 平臺,我親測, 確實如此, 好比一個基本的css3 transition轉換作的圖片輪播, iOS上和原生應用基本沒啥區別, 安卓上則是卡的出奇, 並且安卓在進行一些複雜計算的時候,每每很慢, 好比涉及canvas計算的操做

 

四. 很差調試, 安卓上的調試, 我是裝chrome beta 32版 app, 而後結合桌面chrome經過 USB 開啓遠程調試, 可是因爲二者的 webkit 版本不一樣, 調試的結果每每不能做爲最終參考依據. 說實話有時候有問題只能靠猜了(看你基本功紮實與否, 對css盒模型理解的完全與否, 對js 的開發理解的深刻與否,都能很大程度上提高你"猜對"的概率, 固然, 你最好祈禱你的人品值是夠用的, 不然一弄一上午時間真的不算什麼), 別忘了 try catch 和 alert, 你會發現你如今真的是愛上它們了... 安卓上的另外一種調試方式是經過 ADB 過濾控制檯日誌的方式, 能夠追蹤程序錯誤, 這個有些複雜,我還沒試過. iOS 也是能夠經過 safari進行遠程調試的, 前提是你須要在MAC上進行操做, 我沒有MAC, 沒試過.

 

五. 對於開發, 優雅降級與漸進加強將會是個很好的理念, 你 能夠 try { 先進API} catch(e) { 老舊的實現方式} 這種方式, 確保在別人刷機到新ROM以後就還能用舊版實現方式,(事實上我沒有搞, 真是複雜,很累了天天, 埋了顆雷, 個人4.1 在4.4將會爆掉, 別告訴我老闆...)

 

六. 用百度目前可能還得不到不少有用的信息, 國內目前HTML5還處於炒概念的階段, 不多有人作一些實打實的事情, 別告訴我誰用了什麼API作了什麼花出來了, 那些API都明擺在那裏, 稍微有點編程常識的都能拿來用, 關鍵是一個實現, 實際上是 一個API ,外加你要修復9個bug, 這種方式來完成的, 只懂那一個 API, 是不夠的,如今.

 

七. 你的程序運行速度與你腳本和css3使用量成反比, 與網速成正比. 因此, 少用腳本, 簡化邏輯, 慎用css3, 壓縮圖片, 代碼, 等等, 這些仍然很重要.

 

八. 你會漸漸發現, 你進入了另外一個 ie6 的世界, 移動開發基本是webkit 的天下, 好比我如今, 就沒考慮過 wp, 固然, 這也是基於公司的要求來的.

 

九. 有的人把 HTML5 理解爲幾個 背景漸變的圓角陰影按鈕, 若是真是這樣認爲的話, 那他如今就能夠開始開發了, 這些基本的支持, 仍是有了的.