如何在电脑上测试手机网站 - 文章 - 伯乐在线
& 如何在电脑上测试手机网站
最近公司要开发网站的移动版，让我准备准备知识，话说本人开发移动网站的经验还真不多，最悲剧的事情就是我的手机是个经典的诺基亚，而且公司还不给配手机，这是有多扣啊，没办烦啦，没有手机就用电脑模拟呗，相办法代替，查了很多资料，尝试了大部分方法，下面将这一天的努力总结下分享给大家，也让大家免去看那么多文章，一下介绍的方法，都是本人亲自测试成功的方法。
chrome模拟手机总共有四种方法，原理都一样，通过伪装User-Agent，将浏览器模拟成Android设备。以下标星的为推荐方法。
1.新建Chrome快捷方式
右击桌面上的Chrome浏览器图标，在弹出的右键菜单中选择“复制”，复制一个图标副本到桌面。右击该副本，选择“属性”，打开相应的对话框，在“目标”文本框的字符后面添加以下语句：“–user-agent=”Android””，如下图：
注意user前面是两个“-”，并且“chrome.exe”与“–user”之间有一个空格。确定之后，打开这个新建的Chrome快捷方式，输入就可以浏览到像手机里打开一样的页面了。
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"
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.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地址：
从上图可以看到，还有很多类似的插件，其实功能都大同小异。
4：自带模拟器*
打开chrome开发者工具，按F12（r32版本）1，然后找到右上角的齿轮按钮，打开设置面板，选择Overrides，勾上Show ‘Emulation’ view in console drawer（在控制台视图中显示“仿真”）。
然后关闭设置面板，选择Elements面板（非Console就可以），找到右上角打开控制台面板，选择控制台面板里的Emulation面板，右边有很多选项，选择一个点击Emulate就可以了，Reset按钮能恢复到默认状态。
打开仿真后，打开，即可看到如下的手机下的界面
这种方法简单好用，而且不需要重启，推荐这种方法。
注意：以上第一种和第二种方法都需要将全部打开的chrome窗口关闭，再打开才能起作用。
1.修改user-agent
和chrome一样安装插件修改user-agent的方法
具体方法移步这里：
2.火狐响应式设计+修改user-agent
最近的火狐自己添加响应式设计功能和3D试图都很棒，打开火狐自己的控制台（非firebug），找到右上角的响应式设计按钮。
打开后即切换到响应式设计界面
但我们看到打开QQ的站点并未被自动引到QQ的移动页面，这样只对响应式设计的界面起作用，对想QQ这样云端判断，返回不同页面的并不适应，这里就要配合上面的方法，再改下user-agent，即可实现类似chrome的调试功能。
3.Firefox OS 模拟器
安装的方法 参考这里：
安装完成后可打开如下界面，可用里面的浏览器打开网站即可，但这种方法打开的是电脑网站，而不是手机网站，也就是他的user-agent不是手机的，故对响应式界面起作用，对判断user-agent的网站不起作用，访问qq，baidu等返回的都是电脑界面。
1.修改user-agent
和chrome和firefox类似，可自行安装插件，自opera12之后，opera改用webkit内核，故可安装chrome的插件，也可自行在opera的商店中搜索插件
User Agent Changer下载：
2.Opera Mobile Emulator + dragonfly*
下载适合自己的版本，安装完毕会开如下界面：
左侧选择平台，右侧选择参数，选择完毕点击启动，如下的几面，用过手机opera的朋友会很熟悉，就是手机opera
关于opera mobile emulator的更详细介绍参看文章末尾参考资料的相关内容。
但此时，还是只能看而已，不能调试模拟器里的网站，这里需要dragonfly配合以实现调试，由于opera12后换了内核，不能安装dragonfly了，所有你需要一款opera12的浏览器，和dragonfly的离线包，配置好后具体如何连接请参看这里
全部设置好后即可实现在电脑上调试手机网页，如下图所示：
opera12下载地址：
dragonfly中文离线包下载地址：
opera mobile emulator下载地址：
1.官方模拟器*
做安卓开发的肯定都知道安卓模拟器，这是谷歌官方的提供的开发环境，能模拟安卓环境，还可切换各个版本，可下载配置好的环境，然后打开eclipes，直接打开AVDM，穿件一个AVD，然后start，如下图：
要等一大会时间，会打开模拟器，和安卓环境一样，打开里面的浏览器测试即可。但我的浏览器打不开不知道为什么，郁闷的很啊。
下载地址：/sdk/index.html
2.bluestacks
这也是一款模拟器，可自行搜索，本人安装后电脑就卡死了，可能我的电脑配置不行吧，看介绍还是不错的。
在线只能测试界面的视觉效果，不能调试，但也是很不错的。
1.Mobile Emulator*
非常不错，速度也很快，界面很简洁，支持多种平台。
2.opera mini simulator
需要java环境支持，单一平台，opera出品，速度很快。
3.webpage mobile
说实话弄了半天也没弄出来，大大的鄙视下吧，但是能测试的平台很全面。
以上列出了多种方法，各有利弊，希望大家选择适合自己的方法，本人推荐chrome自带模拟器和opera mobile emulator + dragonfly的方法。因为这两种方法，接近真是手机环境，又能调试css和js。
当然文中没有提到的还有最好的方法就是你有一台手机，那就太好了，配合远程调试，是最最理想的办法。
关于作者：
可能感兴趣的话题
关于伯乐在线博客
在这个信息爆炸的时代，人们已然被大量、快速并且简短的信息所包围。然而，我们相信：过多“快餐”式的阅读只会令人“虚胖”，缺乏实质的内涵。伯乐在线内容团队正试图以我们微薄的力量，把优秀的原创文章和译文分享给读者，为“快餐”添加一些“营养”元素。
新浪微博：
推荐微信号
（加好友请注明来意）
– 好的话题、有启发的回复、值得信赖的圈子
– 分享和发现有价值的内容与观点
– 为IT单身男女服务的征婚传播平台
– 优秀的工具资源导航
– 翻译传播优秀的外文文章
– 国内外的精选文章
– UI,网页，交互和用户体验
– 专注iOS技术分享
– 专注Android技术分享
– JavaScript, HTML5, CSS
– 专注Java技术分享
– 专注Python技术分享
& 2016 伯乐在线& (问题已经找到）为咩同一个路由的WIFI，手机能上的网站 ...
查看: 29621|回复: 20
UID2985396主题阅读权限40帖子精华0积分654金钱4812 荣誉0 人气0 在线时间2005 小时评议0
Lv.4游侠高级会员, 积分 654, 距离下一级还需 346 积分
帖子精华0积分654金钱4812 荣誉0 人气0 评议0
本帖最后由 不知名杂草 于
23:06 编辑
害我重装了系统。后来才知道是该死的移动宽带和谐了大部分比较老资格的盗贴小说网。更不要说动作片的站点了。
手机能上是因为就只有UC的IOS手机端能上，其他的都不行。估计是走代理的原因。其他从手机到IPAD的QQ，CO什么什么的，系统自带的，包括IPAD的UC HD浏览器都不行。
研究了半天之后，换了个浏览器，有自带的出墙功能，然后就什么都解决了。
23:01:54 上传
真的很不科学。。。这是为咩啊？这是手机保底消费88元，移动免费安装免费月租送的12M(铁通）光纤
有图有真相。。。
01:24:03 上传
01:24:02 上传
01:24:02 上传
恭喜解决。
总评分:&金钱 + 5&
电脑是什么东西?好吃吗?
UID2985396主题阅读权限40帖子精华0积分654金钱4812 荣誉0 人气0 在线时间2005 小时评议0
Lv.4游侠高级会员, 积分 654, 距离下一级还需 346 积分
帖子精华0积分654金钱4812 荣誉0 人气0 评议0
嗯，还有一些“你懂的&网，现在也是同一个WIFI下，手机秒上秒开，电脑就没办法。。。。
其他的一些正常的网站也就很正常了，比如说游侠。。。。。。。。
电脑是什么东西?好吃吗?
UID955950主题阅读权限40帖子精华0积分775金钱2852 荣誉0 人气5 在线时间442 小时评议0
Lv.4游侠高级会员, 积分 775, 距离下一级还需 225 积分
帖子精华0积分775金钱2852 荣誉0 人气5 评议0
我的电脑可以访问ranwen.net 完全没有问题.&&可能防火墙屏蔽了
UID2985396主题阅读权限40帖子精华0积分654金钱4812 荣誉0 人气0 在线时间2005 小时评议0
Lv.4游侠高级会员, 积分 654, 距离下一级还需 346 积分
帖子精华0积分654金钱4812 荣誉0 人气0 评议0
kingandq 发表于
我的电脑可以访问ranwen.net 完全没有问题.&&可能防火墙屏蔽了
已经把系统自带的防火墙关掉了，还是没有用。
电脑是什么东西?好吃吗?
UID1514236主题阅读权限40帖子精华0积分851金钱10898 荣誉3 人气16 在线时间65535 小时评议0
Lv.4游侠高级会员, 积分 851, 距离下一级还需 149 积分
帖子精华0积分851金钱10898 荣誉3 人气16 评议0
有时候电脑比手机网络还慢
CPU:Intel i7-2700K+NH-U12P SE2 @4.5G
MB:MSI Z77A-GD65
RAM:CORSAIR DDR3-12800 4G *2
GPU:SAPPHIRE HD 7870 GHz Edition OC 2GB GDDR5
PSU:CORSAIR CX500
500W喵天使AMD Tahiti XTL R9 280X
UID3226640主题阅读权限100帖子精华1积分11184金钱4769 荣誉24 人气1816 在线时间17164 小时评议16
帖子精华1积分11184金钱4769 荣誉24 人气1816 评议16
试试把电脑的DNS、网关等等手动设置成和手机一样的，IP地址最后一段改下。
欢迎进行各种新游戏硬件测试，有意愿参与评测的可联系我，或者直接测试后发帖于硬件区，有50～100LTB以及视情况有1荣誉奖励
游侠硬件区感谢你们的贡献
UID1068572主题阅读权限20帖子精华0积分75金钱2722 荣誉0 人气13 在线时间692 小时评议0
Lv.2游侠会员, 积分 75, 距离下一级还需 125 积分
帖子精华0积分75金钱2722 荣誉0 人气13 评议0
如果只是某些网站上不了&&应该和dns无关吧
《了凡四训》暗夜精灵·复仇之魂
UID1741323主题阅读权限100帖子精华0积分4626金钱29986 荣誉40 人气262 在线时间9609 小时评议3
帖子精华0积分4626金钱29986 荣誉40 人气262 评议3
电脑用goagent翻墙之
在一秒钟内看到本质的人，和花半辈子也看不清一件事本质的人，自然是不一样的命运
UID2985396主题阅读权限40帖子精华0积分654金钱4812 荣誉0 人气0 在线时间2005 小时评议0
Lv.4游侠高级会员, 积分 654, 距离下一级还需 346 积分
帖子精华0积分654金钱4812 荣誉0 人气0 评议0
头痛，难道这是要重装的节奏?
电脑是什么东西?好吃吗?
500W喵天使AMD Tahiti XTL R9 280X
UID3226640主题阅读权限100帖子精华1积分11184金钱4769 荣誉24 人气1816 在线时间17164 小时评议16
帖子精华1积分11184金钱4769 荣誉24 人气1816 评议16
不知名杂草 发表于
头痛，难道这是要重装的节奏?
换浏览器，或问别人借一台电脑试试
欢迎进行各种新游戏硬件测试，有意愿参与评测的可联系我，或者直接测试后发帖于硬件区，有50～100LTB以及视情况有1荣誉奖励
游侠硬件区感谢你们的贡献
UID6518034主题阅读权限70帖子精华0积分3151金钱35878 荣誉80 人气292 在线时间5359 小时评议0
帖子精华0积分3151金钱35878 荣誉80 人气292 评议0
电脑 ping 一下 域名&&再看看
UID2985396主题阅读权限40帖子精华0积分654金钱4812 荣誉0 人气0 在线时间2005 小时评议0
Lv.4游侠高级会员, 积分 654, 距离下一级还需 346 积分
帖子精华0积分654金钱4812 荣誉0 人气0 评议0
换浏览器，或问别人借一台电脑试试
手机都能上了，换电脑肯定应该没问题。。。。
电脑是什么东西?好吃吗?
UID2985396主题阅读权限40帖子精华0积分654金钱4812 荣誉0 人气0 在线时间2005 小时评议0
Lv.4游侠高级会员, 积分 654, 距离下一级还需 346 积分
帖子精华0积分654金钱4812 荣誉0 人气0 评议0
亚丝娜 发表于
电脑 ping 一下 域名&&再看看
PING得通。。。应该是IE或网络的什么设置出了问题，头痛啊。
13:51:27 上传
电脑是什么东西?好吃吗?
UID2985396主题阅读权限40帖子精华0积分654金钱4812 荣誉0 人气0 在线时间2005 小时评议0
Lv.4游侠高级会员, 积分 654, 距离下一级还需 346 积分
帖子精华0积分654金钱4812 荣誉0 人气0 评议0
13:54:29 上传
电脑是什么东西?好吃吗?
500W喵天使AMD Tahiti XTL R9 280X
UID3226640主题阅读权限100帖子精华1积分11184金钱4769 荣誉24 人气1816 在线时间17164 小时评议16
帖子精华1积分11184金钱4769 荣誉24 人气1816 评议16
不知名杂草 发表于
手机都能上了，换电脑肯定应该没问题。。。。
换浏览器不行试试，我之前也试过IE无论什么网都上不去。最后只能重装系统。。
欢迎进行各种新游戏硬件测试，有意愿参与评测的可联系我，或者直接测试后发帖于硬件区，有50～100LTB以及视情况有1荣誉奖励
游侠硬件区感谢你们的贡献
UID6518034主题阅读权限70帖子精华0积分3151金钱35878 荣誉80 人气292 在线时间5359 小时评议0
帖子精华0积分3151金钱35878 荣誉80 人气292 评议0
本帖最后由 亚丝娜 于
18:46 编辑
不知名杂草 发表于
PING得通。。。应该是IE或网络的什么设置出了问题，头痛啊。
检查下IE 两个地方
1 限制站点里是否将给网站添加了
2 连接 局域网设置 将自动检测配置去掉
或者 先重置一下IE浏览器再说
………………
刚才没看楼上的信息&&那么就不是浏览器问题了
把重点换到 DNS 服务器上面去吧 把 DNS服务器修改为 8.8.8.8 后测试再看看
UID2985396主题阅读权限40帖子精华0积分654金钱4812 荣誉0 人气0 在线时间2005 小时评议0
Lv.4游侠高级会员, 积分 654, 距离下一级还需 346 积分
帖子精华0积分654金钱4812 荣誉0 人气0 评议0
亚丝娜 发表于
检查下IE 两个地方
1 限制站点里是否将给网站添加了
2 连接 局域网设置 将自动检测配置去掉
电脑是什么东西?好吃吗?
UID2985396主题阅读权限40帖子精华0积分654金钱4812 荣誉0 人气0 在线时间2005 小时评议0
Lv.4游侠高级会员, 积分 654, 距离下一级还需 346 积分
帖子精华0积分654金钱4812 荣誉0 人气0 评议0
终于解决了。我真是不折腾会死星人
电脑是什么东西?好吃吗?
UID8316858主题阅读权限10帖子精华0积分1金钱11 荣誉0 人气0 在线时间0 小时评议0
Lv.1游侠新人, 积分 1, 距离下一级还需 4 积分
帖子精华0积分1金钱11 荣誉0 人气0 评议0
你好。关于手机能上。电脑不能上的问题。最后怎么解决啦？帮帮忙呗
500W喵天使AMD Tahiti XTL R9 280X
UID3226640主题阅读权限100帖子精华1积分11184金钱4769 荣誉24 人气1816 在线时间17164 小时评议16
帖子精华1积分11184金钱4769 荣誉24 人气1816 评议16
aawexx 发表于
你好。关于手机能上。电脑不能上的问题。最后怎么解决啦？帮帮忙呗
LZ一楼已说明问题所在。。
欢迎进行各种新游戏硬件测试，有意愿参与评测的可联系我，或者直接测试后发帖于硬件区，有50～100LTB以及视情况有1荣誉奖励
游侠硬件区感谢你们的贡献
2015年优秀版主勋章
2015年优秀版主勋章
2014年杰出版主勋章
2014年杰出版主勋章
白金会员勋章
用户积分达到6000
发帖数达到10000
版主评议达到4，勤于处理版务
Powered by电脑断网中，手机上网页版是不是显示和电脑不一样呢？_麻烦一位_宝宝树
电脑断网中，手机上网页版是不是显示和电脑不一样呢？
麻烦一位宝妈给打蚊子得券得，可是拿了券手机上网页版，都没看到合适得东西可以买。是不是必须电脑才行啊？手机上怎么看别的宝妈说的都没有呢。郁闷啊
有没有雷锋妈妈帮忙看看电脑网页版呢，我可以手机支付
恩，手机上网页版一点都不一样啊
回复 &宝宝你要好好么么哒&
22:58:43发表的
必须电脑才能用
家里天天有网得时候，我一年没碰过，家里网费到期了，我这又想用了。
是啊。那是不是就电脑上得才有其他宝妈说的那些
回复 &小石头_妈妈&
23:03:58发表的
恩。手机，iPad和电脑上的都不一样
哎哟我去。这网站也太弊端了。
回复 &小石头_妈妈&
23:06:26发表的
恩。我iPad都不能用卷交款。她们宝妈说的拍蚊子。什么买小鹿。鼓什么的都看不见。
电脑断网中，手机上网页版是不是显示和电脑不...相关的更多内容:
[知识] [知识] [知识] [知识] [知识] [知识] [日记] [日记] [日记] [日记] [日记] [日记]
需要账号和密码的外链可能是钓鱼网站，为了您的账号和财产安全，请勿提供任何有效信息！