用电脑浏览器模拟手机浏览器

最近开发手机网站,需要测试不同的手机,比较麻烦,所以想到了用电脑浏览器来模拟手机浏览.

在网上找了些资料,在些方便有需要的朋友。

1.用谷歌Chrome浏览器:

 在Windows的【开始】-->【运行】中输入以下命令,自动启动后就只可以模拟相应手机的浏览器去访问3G手机网页:

 

谷歌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"


  苹果iPhone 4s:

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"

 

       苹果iPhone 5:
chrome.exe --user-agent="Mozilla/5.0 (iPhone; CPU iPhone OS 6_0 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Mobile/10A403"


  苹果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"

可以通过以下网站进行测试:http://www.baidu.comhttp://www.google.com.hk/http://3g.qq.comhttp://t.sina.cn

 

如果想切换回普通浏览器模式,关掉所有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"

 

其它的手机的User-Agent:http://www.zytrax.com/tech/web/mobile_ids.html

 

2.Opera浏览器

第1种方法(本人没有测试过)

对于Opera来说,模拟移动设备有一个专门的模拟器,叫“Opera Mobile Emulator”,Windows版的下载地址在下面:

Opera Mobile Emulator是Opera作为开发者工具发布的,也就是说是专门为移动网页设计人员开发的~

附两张图:

Opera Mobile Emulator

这是主界面的图

HTC One X Emulated with Opera Mobile Emulator

这个是模拟的HTC One X的图(打开的是我的小网站百草轩^^),最下面显示了该模拟器的参数——720×1280的分辨率,312PPI的像素分辨率等

大家下过来就知道怎么用了,可以支持Kindle Fire系列、HTC系列、Samsung Galaxy系列、Sony Xperia系列、Nokia N系列以及Asus、LG、Motorola等多种手机浏览器的模拟,还可以自己自定义手机参数。在操作上这款模拟器也非常方便,和安卓模拟器一样是可以直接键盘输入的,翻页只能用鼠标拖动,运行比安卓模拟器流畅。

不过这里要说的是,Opera Mobile Emulator模拟的是Opera自己的手机浏览器在移动设备下的状态。

 第2种方法

 在浏览中点击“的获取扩展” 搜索"User-Agent Switcher"   安装以后如下图

你可以根据自己的需要测试。还可以添加没有的user-agent ,图中的iphone4s和iphone5就是我自己添加的。

3.Firefox浏览器

第1种方法

Firefox我没有测试过,要装各种插件感觉比较麻烦(Firefox本来就自带各种插件,再去装其他插件感觉有些不爽),从装的三个插件可以看出来Firefox的模拟应该是做的比较好的,既可以模拟WML环境也可以模拟XHTML环境,这样在我们测试网页兼容性的时候会比较方便。

  1. 安装三个Firefox插件:wmlbrowserXHTML Mobile Profile、User Agent Switcher 。
  2. 设置 User Agent Switcher ,点击菜单 工具 → Default User Agent → User Agent Switcher → Options → New ,填写Description 和 User Agent 。

几个常见手机的User Agent如下:

iPhone3:

1 Mozilla/5.0 (iPhone; U; CPU iPhone OS 3_0 like Mac OS X; en-us) AppleWebKit/528.18 (KHTML, like Gecko) Version/4.0 Mobile/7A341 Safari/528.16

Android:

1 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

诺基亚N95:

1 Mozilla/5.0 (SymbianOS/9.2; U; Series60/3.1 NokiaN95/30.0.015; Profile MIDP-2.0 Configuration/CLDC-1.1) AppleWebKit/413 (KHTML, like Gecko) Safari/413

诺基亚N97:

1 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
 
 

 

第2种方法 

安装扩展组件”userAgentUpdater 0.4" ,我这时候的版本是0.4.安装好后如下:

 

就是有一点不好。不能选择ios版本,也不能增加。希望以后的版本能够改进。

 

  • 2
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值