2014-07
08

用Chrome谷歌浏览器模拟手机客户端访问网站的设置方法


        很多时候开发人员都需要模拟各种浏览器环境,以便分析出各个浏览器是否存在兼容性问题。如现在的手机开发比较流行,而用手机操作又感觉不太方便。因此,就有了这样的想法:能否在电脑上模拟手机客户端去访问浏览网站呢?答案自然是肯定,今天桑三博客就给大家分享下“用Chrome谷歌浏览器模拟手机客户端访问网站的设置方法”。


       既然是用谷歌Chrome浏览器,那么自然就得安装谷歌浏览器了。因为目前谷歌在国内几乎都被屏蔽了,因此要下载谷歌浏览器的话只能靠百度里搜索下载了。这里提供一个百度软件中心的下载地址:
 

       谷歌Chrome浏览器下载:http://rj.baidu.com/soft/detail/14744.html

    
       下载后后打开,一步步按默认选项安装完成即可。之后打开谷歌浏览器,是否感觉非常美观大方啊。桑三博客认为谷歌浏览器应该是最好用的浏览器了,希望大家都可以爱上这个浏览器。


         下面我们就来讲讲,如何利用Chrome谷歌浏览器来模拟手机客户端访问网站。谷歌浏览器非常强大,所以对于这个功能大家千万别大惊小怪,使用久了,你会发现还有更厉害的功能。如屏蔽各类视频网站广告等。

 
用Chrome谷歌浏览器模拟手机客户端访问网站的设置方法如下:

 
1、打开Chrome浏览器,需要32以后版本的。桑三博客使用的是Chrome 35版本。
 
2、点击右上角三横图标—工具-开发者工具(快捷键F12或者Ctrl+Shift+i)。
 
3、在“开发者工具”界面的右侧有个类似三横的“Show drawer”按钮,点击后在“下面选项卡中再点击“Emulation”。
 
4、这个界面就一目了然了,Device里面可以选择各种手机或者平板设备,大概有20种之多。User Agent和Sensors显示了模拟的数据,点击“Emulate”按钮就可以生效了。
 
5、然后就在地址栏里面输入网址吧!看看模拟的效果怎么样?如果要恢复电脑的访问,则点击上面“Emulate”右侧的“Reset”即可恢复正常。
 

 
 
        以上就是利用Chrome谷歌浏览器模拟手机客户端访问网站的设置方法,当然如果是开发者使用,则可能需要命令行的形式。桑三博客再给大家分享下用启动参数启动谷歌Chrome浏览器来模拟手机浏览器的方法:
 
        在电脑屏幕左小角点击【开始】-->【运行】中输入以下命令,启动谷歌浏览器,即可模拟相应手机的浏览器去访问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 4: 
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" 
 
苹果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" 
 
        试一试,分别用Android、iPhone、诺基亚访问一些门户网站,比如网易、淘宝、新浪等这些3G手机网页,看看有什么不同。 
 
       如果想切换回普通浏览器模式,关掉所有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" 




上一篇: 轻松实现远程控制 远程办公三部曲
下一篇: CSS及XML常用颜色RGB值以及中英文名称对照表
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: 技术 电脑 教程
相关日志:
评论: 0 | 引用: 0 | 查看次数: -
发表评论
昵 称:
密 码: 游客发言不需要密码.
邮 箱: 邮件地址支持Gravatar头像,邮箱地址不会公开.
网 址: 输入网址便于回访.
内 容:
验证码:
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.
字数限制 1000 字 | UBB代码 开启 | [img]标签 关闭