最近看到群裡對關(guān)于 移動(dòng)端 web開發很是感興趣，決定寫一個(gè)關(guān)于 移動(dòng)端的web開發 概念或框架（寶慶對此很是糾結）。也是因為自己一直從事pc 浏覽器(qì) web一直對 移動(dòng)端的不是很重視，所以趁此機會也讓自己對 移動(dòng)端的開發 有個(gè)清晰的認識。

環境：

1. 移動(dòng)端的内核： 手機浏覽器(qì)的内核是什麼 在文(wén)章中(zhōng) Android 手機 采用 Webkit。其他的QQ，UC，飛豚 浏覽器(qì)都基于此開發的。 而在iOS以及WP7平台上，由于系統封閉，不允許除 系統自帶浏覽器(qì)内核以外的浏覽器(qì)内核進入，因此各家浏覽器(qì)的開發均為在Safari或者IE内核的基礎上進行二次開發，優化功能和(hé)自制UI。 根據

“   各浏覽器(qì)對HTML5的測試都有了較大提升，但是穩定性依然不足。知名獨立IT博客月(yuè)關(guān)博客表示，浏覽器(qì)對于HTML5的提升并不是一蹴而就的，在這種跑分競争持續一定時間之後，大多數浏覽器(qì)廠商(shāng)還都是會支持全部的新特性。”

可(kě)以看出 Android，IOS， WP7對html5都是支持的，可(kě)能具體某個(gè)浏覽器(qì)的程度不一樣。
tips：說到html5，就要提一下(xià)css3。在網上搜索了一下(xià)，隻有一篇文(wén)章~ Android平台浏覽器(qì)CSS3兼容性測試 。 雖然文(wén)章比較老，但是在看一些框架源碼的時候，也确實看到 針對一些 css3 的js代碼。所以對css3的使用還是要小心一點。（特别是QQ浏覽器(qì)）
針對上面的情況，我希望大家用一些比較流行和(hé)可(kě)靠的css 框架。比如(rú)：PRUE （這裡的 框架 沒有 寶慶同學 理解的那麼高深和(hé)複雜，更多的像 樣式庫和(hé)樣式編寫的理念~）

開發：

1. 關(guān)于 移動(dòng)端 web 的開發：webkit webApp 開發技術(shù)要點總結

這篇文(wén)章把概念和(hé)基礎都說全了~ 請注意文(wén)章中(zhōng)的鍊接（ 指尖下(xià)的js ）。
通(tōng)過這篇文(wén)章，我想 click，mouse這類的事件 就不要出現在 移動(dòng)端 web 的開發中(zhōng)了； :hover僞類 這樣的樣式 就不要 出現在 移動(dòng)端 web 的開發中(zhōng)了； 知道css對于js開發是很重要的，特别是一些組件的開發。
雖然文(wén)章寫的很好，但是還要注意兼容性問(wèn)題。之前談過，特别是css3 的一些問(wèn)題，還是多測試一下(xià)為好。

框架：

1. 針對“自适應頁面”，之前看那過一些關(guān)于這方面的博客，感覺并不是很難，但是自己寫的時候，就不是那麼回事了~
原因：1. 可(kě)能是自己的能力和(hé)概念理解不夠。2 讓人無奈的設計。 所以隻能用現有的框架來解決問(wèn)題了~ 好處：1. 統一的框架，能為多人使用，不用看别人寫的代碼了~ 2. 看看别人寫的代碼和(hé)自己寫的做比較，也能提高一下(xià)自己。 3. 不用糾結一些框架能夠解決的問(wèn)題了~~~
2.針對“有複雜交互，一般代碼不好解決的頁面“，可(kě)以使用一些js框架。
這裡推薦 一個(gè) app framework 相對簡單和(hé)方面點~但這個(gè)框架本身也會有些問(wèn)題。 對了，針對 移動(dòng)端 web開發，jquery庫的引用~建議使用 app framework 裡面"閹割"後jquery庫。
要學習 app framework的話： http://bbs.phonegap100.com/thread-361-1-1.html

圖片：

1. mobile web開發中(zhōng)，經常會遇到圖片的加載的問(wèn)題。 主要原因是：1. 為了防止圖片失真，圖片必須原來的兩倍大。

2. 因為原因1，所以圖片無法合并。

由于以上的原因：mobile中(zhōng)頁面，圖片 會加載的慢。 解決方法： 将圖片 轉化為 BASE64 格式。轉化工具地址： http://tool.oschina.net/encrypt?type=4 注意點：轉化後的 BASE64 格式，會是一個(gè)很長的字符串，不可(kě)以将字符串 換行。

兼容性 :

1. 為實現對winphone的支持，引用 微軟的hand.js 文(wén)件。以前寫的touchstart和(hé)touchend要改為pointerdown,pointerup。

開發工具：

移動(dòng)調試-android

對于androi手機我們也可(kě)以像電腦上chrome下(xià)的開發工具一樣看到源碼然後調試

看chrome給的官方文(wén)檔

就是有幾個(gè)過程

(1) 手機啟用usb調試（系統設置 - 開發者選項 - usb調試）//

(2 ) 電腦上的chrome允許usb debug(工具-檢查設備-勾選(允許usb debug))

(3) 用數據線連接手機和(hé)電腦，在手機上勾選“ Always allow from this computer”

(4) 用手機上的 chrome打開要調試的頁面

(5) 在電腦上打開chrome://inspect/#devices 然後點擊"inspect"就會出現類似于chrome的開發工具的頁面之後就可(kě)以調試你(nǐ)手機上打開的頁面

tips: 國内打開如(rú)果打不開~記得第一次 要鍊接 vpn