欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

Chrome浏览器模拟手机访问网站的设置图文方法

程序员文章站 2023-11-15 08:27:52
Chrome浏览器模拟手机访问网站的设置图文方法...

以前我们介绍过如何通过修改chrome浏览器运行参数的方法来模拟手机访问网站,但是在chrome 32和33版本以后增加了更加便捷的方法,在开发者工具中只需要设置一下就能方便的模拟各种手机型号的访问效果了。

方法如下:

1、打开chrome浏览器,需要32以后版本的。笔者使用的是chrome 33版本。

2、打开“开发者工具”,快捷键(f12或者ctrl+shift+i)。

Chrome浏览器模拟手机访问网站的设置图文方法

3、在“开发者工具”界面的右侧有个“show drawer”按钮,点击后在“drawer”界面再点击“emulation”。

Chrome浏览器模拟手机访问网站的设置图文方法

4、这个界面就一目了然了,device里面可以选择各种手机或者平板设备,大概有20种之多。user agent和sensors显示了模拟的数据。点击“emulate”按钮就可以生效了。

Chrome浏览器模拟手机访问网站的设置图文方法

5、然后就在地址栏里面输入网址吧!看看模拟的效果怎么样?

谷歌chrome浏览器模拟手机浏览器的方法(修改启动参数的方法):

谷歌chrome浏览器,可以很方便地用来当3g手机模拟器。在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 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手机网页,看看有什么不同。

更多款手机的user-agent:http://www.zytrax.com/tech/web/mobile_ids.html

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

相关标签: Chrome 浏览器