使用Chrome瀏覽器查看淘寶的IPhone版網站

       用IPhone手機訪問http://m.taobao.com ,淘寶的設計已經達到了和APP相媲美的地步。多次想查看其源碼學習,單無奈用PC瀏覽器訪問該網址,出現的是一個比較簡化的wap2.0版本的。經過若干的夜晚的冥思苦想,終於想出瞭解決方案。

      1.IPhone和Android的瀏覽器都是基於webkit的,和Google Chrome的內核是一樣的。

      2.PC瀏覽器訪問就跳到了wap2.0的版本,這個問題是因爲淘寶獲取了瀏覽器UA,根據用戶UA做了跳轉。

      所以,只要修改Chrome的UA,就可以順利看到了。

      點擊了Chrome的所有菜單,都沒有看到UA設置的選項。經過Google的幫助,終於找到了解決方案。進入Chrome的安裝目錄,用命令行啓動Chrome可以增加UA參數:

C:\Users\pdz\AppData\Local\Google\Chrome\Application>chrome.exe --user-agent="Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_1 like Mac OS X; en-us)AppleWebKit/532.9(KHTML, like Gecko) Version/4.0.5 Mobile/8B117 Safari/6531.22.7"

 

C:\Users\pdz\AppData\Local\Google\Chrome\Application 是本人的電腦上chrome.exe所在的目錄。

啓動瀏覽器,輸入http://m.taobao.com 現在就是見證奇蹟的時候了。

 

下圖是淘寶網IPhone版在Chrome瀏覽器中的效果

 

 

下圖是淘寶IPhone版在Chrome開發者工具中的代碼結構

 

下圖是淘寶網的wap2.0版在IE瀏覽器中的效果

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章