使用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浏览器中的效果

html5 web app VS native app

ps：图挂了

感谢分享，学习

lz很强大，我也打开了

很有用的一招，哈哈　，
我以前也不知道呢，　chrome这么方便...

不错，楼主辛苦了

[img]http://hi.csdn.net/attachment/201110/26/1151_1319603380mg7X.png" alt="[/img][img]http://hi.csdn.net/attachment/201110/26/1151_1319603380236y.png" alt="[/img]

凄惨，改了之后，好多有移动班的网站，都到移动版去了。
正在研究如何改回来

--user-agent="chrome"
这样就改回来了 呵呵

新建两个快捷方式，
一个移动版 参数楼煮那个，
一个普通版，参数自己整