PC浏览器模拟移动平台浏览器(Android、iPhone、Symbian)

2011年05月07日   网站建设   0条评论   10952人围观过  
  最近开发的移动平台的web端,需要学习别人好的设计界面。但是有个问题,就是很多支持移动平台的网站,都是通过识别浏览器的User-Agent来区分是否为移动平台,或是PC平台。最典型的例子就是百度和Google,通过PC和Android的浏览器访问,样式是不一样的。

  但是对于没有安装模拟器的我,要学习这些界面设计,十分的头疼,最多只能在Android手机上看一下,但是要想模仿就难了。

  经过一番研究,实际上是很简单的。就是浏览器的User-Agent这个关键点。很多PC浏览器是可以修改User-Agent,当然,在360和QQ大战的时候不就出现过吗?QQ禁止360浏览器访问QQ空间,也是通过这个来识别的,而360呢,很轻易的修改了User-Agent,就避过了QQ的识别。

  不过呢,我们这里不会用360浏览器来操作:第一,避嫌,反正我也不喜欢360的东西,免得其他人说;第二,360只是IE内核(极速版不算),不方便开发应用。这里,我推荐使用傲游3浏览器,也不是打广告了,因为刚好满足了:第一,内核是WebKit;第二,可以方便的修改User-Agent。

  安装傲游3后,设置一下即可:菜单-选项-高级,勾选自定义User-Agent字符串,修改的代码如下:

Android浏览器

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浏览器

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


Symbian 诺基亚N97

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


  修改完后,你可以试试访问百度,腾讯等几个支持移动浏览器访问的网站,看看修改前和修改后的样式。

  当然,如果这里的还不够你用,你可以访问《Mobile Browser ID (User-Agent) Strings》来获取更多浏览器的User-Agent。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。