admin管理员组

文章数量:1545420

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

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

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、http://www.google.hk/、http://3g.qq、http://t.sina

 

如果想切换回普通浏览器模式,关掉所有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/tech/web/mobile_ids.html

 

2.Opera浏览器

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

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

show source http://get.geo.opera/pub/opera/sdlbream/1210/Opera_Mobile_Emulator_12.1_Windows.exe

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

附两张图:

这是主界面的图

这个是模拟的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:

show source 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:

show source 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:

show source 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:

show source 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版本,也不能增加。希望以后的版本能够改进。

 

本文标签: 浏览器手机