在PC上测试移动端⽹站和模拟⼿机浏览器的5⼤⽅法
查了很多资料,尝试了⼤部分⽅法,下⾯将这⼀天的努⼒总结下分享给⼤家,也让⼤家免去看那么多⽂章,以下介绍的⽅法,都是本⼈亲⾃测试成功的⽅法,测试环境winxp。
⼀、Chrome*浏览器
chrome模拟⼿机总共有四种⽅法,原理都⼀样,通过伪装User-Agent,将浏览器模拟成Android设备。以下标星的为推荐⽅法。
1.新建Chrome快捷⽅式
右击桌⾯上的Chrome浏览器图标,在弹出的右键菜单中选择“复制”,复制⼀个图标副本到桌⾯。右击该副本,选择“属性”,打开相应的对话框,在“⽬标”⽂本框的字符后⾯添加以下语句:“–user-agent=”Android””,如下图:
注意user前⾯是两个“-”,并且“”与“–user”之间有⼀个空格。确定之后,打开这个新建的Chrome快捷⽅式,输⼊3g.qq就可以浏览到像⼿机⾥打开⼀样的页⾯了。
这时可以新建⼀个⽤户,就不影响原来⽤户访问的时候也是访问的⼿机版。
2.⼀次性模拟iPhone和安卓⼿机
开始–运⾏中输⼊以下命令,启动浏览器:
模拟⾕歌Android:
< --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:
< --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"
这种⽅法仅供特殊情况下使⽤,因为重启Chrome将不能恢复正常User-Agent,所以是⼀次性。
java模拟器安卓更多的user-agent请⾃⾏搜索。
3.安装插件
插件可以很⽅便切换各种user-agent,很⽅便,但是可能会稍微影像性能。
从上图可以看到,还有很多类似的插件,其实功能都⼤同⼩异。
4:⾃带模拟器*
打开chrome开发者⼯具,按F12(r32版本),然后到右上⾓的齿轮按钮,打开设置⾯板,选择Overrides,勾上Show ‘Emulation’ view in console drawer(在控制台视图中显⽰“仿真”)。
然后关闭设置⾯板,选择Elements⾯板(⾮Console就可以),到右上⾓打开控制台⾯板,选择控制台⾯板⾥的Emulation⾯板,右边有很多选项,选择⼀个点击Emulate就可以了,Reset按钮能恢复到默认状态。
这种⽅法简单好⽤,⽽且不需要重启,推荐这种⽅法。
注意:以上第⼀种和第⼆种⽅法都需要将全部打开的chrome窗⼝关闭,再打开才能起作⽤。
⼆、Firefox*浏览器
1.修改user-agent
和chrome⼀样安装插件修改user-agent的⽅法,搜索wmlbrowser、XHTML Mobile Profile以及User Agent Switcher三个插件2.⽕狐响应式设计+修改user-agent*
最近的⽕狐⾃⼰添加响应式设计功能和3D试图都很棒,打开⽕狐⾃⼰的控制台(⾮firebug),到右上⾓的响应式设计按钮。
打开后即切换到响应式设计界⾯
但我们看到打开QQ的站点并未被⾃动引到QQ的移动页⾯,这样只对响应式设计的界⾯起作⽤,对想QQ这样云端判断,返回不同页⾯的并不适应,这⾥就要配合上⾯的⽅法,再改下user-agent,即可实现类似chrome的调试功能。
3.Firefox OS 模拟器
安装完成后可打开如下界⾯,可⽤⾥⾯的浏览器打开⽹站即可,但这种⽅法打开的是电脑⽹站,⽽不是⼿机⽹站,也就是他的user-agent不是⼿机的,故对响应式界⾯起作⽤,对判断user-agent的⽹站不起作⽤,访问qq,baidu等返回的都是电脑界⾯。
三、Opera*浏览1.修改user-agent
和chrome和firefox类似,可⾃⾏安装插件,⾃opera12之后,opera改⽤webkit内核,故可安装chrome的插件,也可⾃⾏在opera的商店中搜索插件
2.Opera Mobile Emulator + dragonfly*
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论