在PC上测试移动端网站和模拟手机浏览器的5大方法
互联网 & 03-19 10:14:54 & 作者：佚名 &
最近公司要开发网站的移动版，让我准备准备知识，话说本人开发移动网站的经验还真不多，最悲剧的事情就是我的手机是个经典的诺基亚，而且公司还不给配手机，这是有多讨厌，没办法，没有手机只能用电脑模拟了
查了很多资料，尝试了大部分方法，下面将这一天的努力总结下分享给大家，也让大家免去看那么多文章，以下介绍的方法，都是本人亲自测试成功的方法，测试环境winxp。
一、Chrome*浏览器
chrome模拟手机总共有四种方法，原理都一样，通过伪装User-Agent，将浏览器模拟成Android设备。以下标星的为推荐方法。
1.新建Chrome快捷方式
右击桌面上的Chrome浏览器图标，在弹出的右键菜单中选择&复制&，复制一个图标副本到桌面。右击该副本，选择&属性&，打开相应的对话框，在&目标&文本框的字符后面添加以下语句：&&user-agent=&Android&&，如下图：
注意user前面是两个&-&，并且&chrome.exe&与&&user&之间有一个空格。确定之后，打开这个新建的Chrome快捷方式，输入3g.qq.com就可以浏览到像手机里打开一样的页面了。
这时可以新建一个用户，就不影响原来用户访问的时候也是访问的手机版。
2.一次性模拟iPhone和安卓手机
开始&运行中输入以下命令，启动浏览器：
模拟谷歌Android：
chrome.exe --user-agent=&Mozilla/5.0 (L U; Android 2.2; en- Nexus One Build/FRF91) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1&
模拟苹果iPhone：
chrome.exe --user-agent=&Mozilla/5.0 (iP 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，所以是一次性。
更多的user-agent请自行搜索。
3.安装插件
插件可以很方便切换各种user-agent，很方便，但是可能会稍微影像性能。
User-Agent Selector地址：https://chrome.google.com/webstore/detail/user-agent-selector/fnbmdojpgjpmjjmnjdnbobcdhenmmgod/related
从上图可以看到，还有很多类似的插件，其实功能都大同小异。
4：自带模拟器*
打开chrome开发者工具，按F12（r32版本），然后找到右上角的齿轮按钮，打开设置面板，选择Overrides，勾上Show &Emulation& view in console drawer（在控制台视图中显示&仿真&）。
然后关闭设置面板，选择Elements面板（非Console就可以），找到右上角打开控制台面板，选择控制台面板里的Emulation面板，右边有很多选项，选择一个点击Emulate就可以了，Reset按钮能恢复到默认状态。
打开仿真后，打开http://xw.qq.com，即可看到如下的手机下的界面
这种方法简单好用，而且不需要重启，推荐这种方法。
注意：以上第一种和第二种方法都需要将全部打开的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 模拟器
安装的方法 参考这里：https://developer.mozilla.org/zh-CN/docs/Tools-840092-dup/Firefox_OS_%E6%A8%A1%E6%8B%9F%E5%99%A8#Installing
安装完成后可打开如下界面，可用里面的浏览器打开网站即可，但这种方法打开的是电脑网站，而不是手机网站，也就是他的user-agent不是手机的，故对响应式界面起作用，对判断user-agent的网站不起作用，访问qq，baidu等返回的都是电脑界面。
三、Opera*浏览1.修改user-agent
和chrome和firefox类似，可自行安装插件，自opera12之后，opera改用webkit内核，故可安装chrome的插件，也可自行在opera的商店中搜索插件
User Agent Changer下载： https://addons.opera.com/zh-cn/extensions/details/user-agent-changer/?display=en
2.Opera Mobile Emulator + dragonfly*
下载适合自己的版本，安装完毕会开如下界面：
左侧选择平台，右侧选择参数，选择完毕点击启动，如下的几面，用过手机opera的朋友会很熟悉，就是手机opera
关于opera mobile emulator的更详细介绍参看文章末尾参考资料的相关内容。
但此时，还是只能看而已，不能调试模拟器里的网站，这里需要dragonfly配合以实现调试，由于opera12后换了内核，不能安装dragonfly了，所有你需要一款opera12的浏览器，和dragonfly的离线包，配置好后具体如何连接请参看这里http://www.opera.com/dragonfly/documentation/remote/
全部设置好后即可实现在电脑上调试手机网页，如下图所示：
opera mobile emulator下载地址：http://www.opera.com/zh-cn/developer/mobile-emulator
四、模拟器* 1.官方模拟器*
做安卓开发的肯定都知道安卓模拟器，这是谷歌官方的提供的开发环境，能模拟安卓环境，还可切换各个版本，可下载配置好的环境，然后打开eclipes，直接打开AVDM，穿件一个AVD，然后start，如下图：
要等一大会时间，会打开模拟器，和安卓环境一样，打开里面的浏览器测试即可。但我的浏览器打不开不知道为什么，郁闷的很啊。
下载地址：http://developer.android.com/sdk/index.html
2.bluestacks
这也是一款模拟器，可自行搜索，本人安装后电脑就卡死了，可能我的电脑配置不行吧，看介绍还是不错的。
五、在线测试
在线只能测试界面的视觉效果，不能调试，但也是很不错的。
1.Mobile Emulator*
非常不错，速度也很快，界面很简洁，支持多种平台。
http://emulator.mobilewebsitesubmit.com/
2.opera mini simulator
需要java环境支持，单一平台，opera出品，速度很快。
http://www.opera.com/zh-cn/developer/opera-mini-simulator
3.webpage mobile
说实话弄了半天也没弄出来，大大的鄙视下吧，但是能测试的平台很全面。
http://www.webpagetest.org/mobile
以上列出了多种方法，各有利弊，希望大家选择适合自己的方法，本人推荐chrome自带模拟器和opera mobile emulator + dragonfly的方法。因为这两种方法，接近真是手机环境，又能调试css和js。
当然文中没有提到的还有最好的方法就是你有一台手机，那就太好了，配合远程调试，是最最理想的办法。
大家感兴趣的内容
12345678910
最近更新的内容||||||||||||||||||
查看: 1239|回复: 12
在线时间686 小时经验值1351 最后登录注册时间帖子阅读权限80UID3194203
研究生, 积分 1351, 距离下一级还需 349 积分
TA的每日心情无聊 16:33签到天数: 6 天[LV.2]偶尔看看I
G币112 最后登录注册时间
下载一个卓大师，注意不是安卓优化大师，打开它，里面有个货源查询，我的是光棍节生产的，看来真是光棍啊，查到的进来说一下，三星手机可以直接查询不用输入sn码哦
在线时间407 小时经验值616 最后登录注册时间帖子阅读权限60UID4603308
大学本科, 积分 616, 距离下一级还需 84 积分
该用户从未签到
G币1793 最后登录注册时间
又是广告贴
在线时间686 小时经验值1351 最后登录注册时间帖子阅读权限80UID3194203
研究生, 积分 1351, 距离下一级还需 349 积分
TA的每日心情无聊 16:33签到天数: 6 天[LV.2]偶尔看看I
G币112 最后登录注册时间
广告贴个毛线，你不相信就算了
在线时间558 小时经验值690 最后登录注册时间帖子阅读权限60UID6326075
大学本科, 积分 690, 距离下一级还需 10 积分
该用户从未签到
G币103 最后登录注册时间
这个真可以····
在线时间1231 小时经验值1904 最后登录注册时间帖子阅读权限90UID1316019
硕士, 积分 1904, 距离下一级还需 596 积分
该用户从未签到
G币169 最后登录注册时间
3月24.。。&&11月20买的
一座小城，一个人的记忆，回忆似空城&&、
在线时间995 小时经验值1063 最后登录注册时间帖子阅读权限70UID5377293
学士, 积分 1063, 距离下一级还需 37 积分
TA的每日心情开心 09:50签到天数: 2 天[LV.1]初来乍到
G币4901 最后登录注册时间
路过.........
在线时间259 小时经验值740 最后登录注册时间帖子阅读权限70UID5091087
学士, 积分 740, 距离下一级还需 360 积分
该用户从未签到
G币344 最后登录注册时间
卓大师根本不准确的&&我已经发现N多光棍节的了&&还是自己看S/N码吧
在线时间1018 小时经验值1007 最后登录注册时间帖子阅读权限70UID1442908
学士, 积分 1007, 距离下一级还需 93 积分
该用户从未签到
G币842 最后登录注册时间
8月8号买& &3月16号产~
在线时间2109 小时经验值1768 最后登录注册时间帖子阅读权限90UID165065
硕士, 积分 1768, 距离下一级还需 732 积分
该用户从未签到
G币1128 最后登录注册时间
不知道软件能不能读到sn码，如果读不到那有可能是可信的
痛并快乐着
在线时间477 小时经验值616 最后登录注册时间帖子阅读权限60UID3464110
大学本科, 积分 616, 距离下一级还需 84 积分
该用户从未签到
G币960 最后登录注册时间
应该还行，我的是ATT的，的机子。应该是没问题的。
浏览过的版块
Powered by安卓模拟器 如何模拟触发接收短信事件_百度知道
安卓模拟器 如何模拟触发接收短信事件
我有更好的答案
拨打电话：我们用完整的电话号码互相打电话，用端口号也是可以打的通的。接听电话：这个和普通手机就没区别了。工具/原料两台安卓模拟器方法/步骤打开两台安卓模拟器：之前我们谈过模拟器如何安装，其实可以用一样的方法安装多台模拟器，并且可以同时启动。互发短信：用第二台也给第一台发短信《安卓应用开发之用eclippse打电话发短信到模拟器》里的方法要用eclipse发短信和打电话，下面说一下两台或者多台模拟安卓手机怎么打电话发短信，这样两台安卓系统的本机电话号码都可以查看出来了：其实如何通讯的密码就在于模拟器标题的端口号就是这台机的电话号码，真是神奇了。填写对方号码后就可按拨打点击了，接收端看到发来短信的号码并不是对方的端口号。第一台安卓模拟器发短信，对方弹出通话提示后划动可以接听或者句接，而是一个位数完整的电话号码。第二台安卓模拟器接收短信：这里值得提出的是
采纳率：89%
来自团队：
为您推荐：
其他类似问题
您可能关注的内容
安卓模拟器的相关知识
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。4被浏览1,319分享邀请回答0添加评论分享收藏感谢收起04 条评论分享收藏感谢收起写回答}