H5开发时,利用谷歌浏览器模拟手机浏览器详细配置教程

2017-01-12 10:05:07来源:oschina作者:taidupa人点击

第七城市

编写好网页之后需要看一下网页在手机浏览器上的效果。


如果手头上没有网页需要支持的手机,可以用谷歌浏览器来模拟相应手机的浏览器来访问网页,查看效果。


在Windows的【开始】–>【运行】中输入以下命令:


谷歌Android:

codechrome.exe --user-agent="Mozilla/5.0 (Linux; U; Android 2.2; en-us; Nexus One Build/FRF91) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1"

苹果iPhone:

codechrome.exe --user-agent="Mozilla/5.0 (iPad; U; CPU OS 3_2_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B500 Safari/531.21.10"

诺基亚N97:

codechrome.exe --user-agent="Mozilla/5.0 (SymbianOS/9.4; Series60/5.0 NokiaN97-1/20.0.019; Profile/MIDP-2.1 Configuration/CLDC-1.1) AppleWebKit/525 (KHTML, like Gecko) BrowserNG/7.1.18124"

虽然谷歌浏览器可以模拟手机浏览器,毕竟与手机浏览器有很大区别,最后还是要在手机上进行测试。


兼容性测试

目前,手机操作系统+浏览器的组合非常多,而各种操作系统、浏览器对HTML5、CSS3的实现也不尽相同,所以需要进行兼容性测试。


主要是确定Web App支持的操作系统、浏览器。比如,手机版合同录入系统支持iphone safari、Android google,所以需要进行的兼容性测试就只有两种了。


最后。。。

IT这一行,少不了去Google查资料,最后,安利一个V——PN代理。一枝红杏 VPN,去Google查资料是绝对首选,连接速度快,使用也方便。我买的是99¥一年的,通过这个链接(http://my.yizhihongxing.com/aff.php?aff=2509)注册后输上会员中心得优惠码,平摊下来,每月才7块钱,特实惠。


本文标签:模拟安卓手机 谷歌模拟安卓 H5开发



转自 SUN'S BLOG - 专注互联网知识,分享互联网精神! 原文地址 《H5开发时,利用谷歌浏览器模拟手机浏览器详细配置教程》


相关阅读:《什么是工程师文化?各位工程师是为什么活的?作为一个IT或互联网公司为什么要工程师文化?》


相关阅读: 对程序员有用:2017最新能上Google的hosts文件下载及总结网友遇到的各种hosts问题解决方法及配置详解


相关阅读: 《win10永久激活教程以及如何查看windows系统是不是永久激活?》


相关BLOG:SUN’S BLOG- 专注互联网知识,分享互联网精神!去看看:www.whosmall.com


第七城市

最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台