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

作者: panduozhi 
声明: 本文系ITeye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

已有 1 人发表回复，猛击->>这里<<-参与讨论


ITeye推荐

• —软件人才免语言低担保 赴美带薪读研！—