{
    分享网正式开通,我们为大家提供免费资源,欢迎大家踊跃投稿!

用Chrome浏览器来当手机模拟器测试

前一章,余斗讲了如何利用Chrome浏览器模拟百度、谷歌等蜘蛛访问,我们可以实现测试搜索引擎对网站的抓取情况,而我们在做移动适配的时候需要测试移动端页面的访问效果,总不能买各种手机来做测试用,这时,Chrome浏览器的强大又体现出来,我们可以把Chrome浏览器当作手机模拟器来使用,因为谷歌浏览器因为限制了国内的访问,建议大家直接使用国外VPN下载安装,如果实在下载不了,余斗建议也可以使用国内浏览器如360极速浏览器、搜狗浏览器等在开发人员工具中都有此功能,余斗试过具体的操作方式也是大同小异,余斗因为比较习惯用谷歌浏览器所以本文就以谷歌浏览器做教程。

使用方法如下:

在Windows的【开始】-->【运行】中输入以下命令,启动谷歌浏览器,即可模拟相应手机的浏览器去访问移动端手机网页:

模拟谷歌Android手机

chrome.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"

模拟苹果ipone4

chrome.exe --user-agent="Mozilla/5.0 (iPhone; CPU iPhone OS 5_0_1 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Mobile/9A405"

苹果iPad 2:

chrome.exe --user-agent="Mozilla/5.0 (iPad; CPU OS 5_0_1 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Mobile/9A405"

诺基亚N97:

chrome.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"

测试完之后我们正常使用Chrome浏览器的则需要关掉打开的所有Chrome浏览器的,重开即可。在不关闭浏览器的情况下切回普通浏览模式,输入代码:

chrome.exe --user-agent="Mozilla/5.0 (Windows NT 6.1) AppleWebKit/535.7 (KHTML, like Gecko) Chrome/16.0.912.77 Safari/535.7"

如果您使用的是最新版的浏览器,则还有更简单的方法,在Chrome 44版本以后增加了更加便捷的方法,在开发者工具中只需要设置一下就能方便的模拟各种手机型号的访问效果了。

方法如下:

1、打开Chrome浏览器,输入自己要测试的网址,这里要注意的是需要44以后版本的。余斗使用的是Chrome 44版本。

2、打开“开发者工具”,快捷键(F12或者Ctrl+Shift+i,360极速浏览器、搜狗浏览器等也是一样)。

3、在“开发者工具”界面的右侧有个“手机样式”按钮,点击后上会弹出手机预览界面。




4、这个界面就一目了然了,Device里面可以选择各种手机或者平板设备,大概有20种之多。Network有模拟的数据连接方式,主要有4g、WIFI等可以自由选择。选取自己需要的之后下方会自动改变生效了(如果没改变,则按下F5刷新下)。



5、然后就就可以看到效果了。


资源均来自第三方,谨慎下载,前往第三方网站下载


爱资源分享网 , 版权所有丨本站资源仅限于学习研究,严禁从事商业或者非法活动!丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:用Chrome浏览器来当手机模拟器测试
喜欢 ()分享 (0)