使用Chrome浏览器查看淘宝的IPhone版网站
- Pei - ITeye论坛最新讨论 用IPhone手机访问http://m.taobao.com ,淘宝的设计已经达到了和APP相媲美的地步. 多次想查看其源码学习,单无奈用PC浏览器访问该网址,出现的是一个比较简化的wap2.0版本的. 经过若干的夜晚的冥思苦想,终于想出了解决方案. 1.IPhone和Android的浏览器都是基于webkit的,和Google Chrome的内核是一样的.
用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浏览器中的效果