iPhone和Android智能手機瀏覽器判斷解析度問題

iPhone上的safari mobile和android內建的瀏覽器都是基於webkit核心的。

這兩天想到網站需要一個針對智能手機解析度的版本，於是開始研究相關的資料。

前面兩篇文章寫到了如何通過userAgent來判斷裝置類型和瀏覽器核心，通過這些足夠判斷出哪些是iphone或者android瀏覽器了，但是即便同種裝置瀏覽器也存在解析度不同的問題，這個該如何處理呢？

首先想到的就是用js檢測（screen.width*screen.height），事實證明有問題：

1、iphone4上的safari mobile結果竟然是320*480！要是前3代也就正常了，可iphone4明明是640*960啊

2、Android上內建的瀏覽器判斷結果是800，而非正確的480，我估計這個是按照網頁內容來判斷的

3、Opera for Android可以判斷出是480

4、Firefox for Android也可以判斷出是480

問題應該是出在webkit身上了。

繼續尋找解決方案中……