巴士下载站 ● 手机应用

Chrome模拟手机浏览器(iOS/Android)的三种方法,亲测无误!

2018-08-22 14:19:57 来源: A+

  各大网站都有推出自己的手机访问版本页面,不管是新闻类还是视频网站,我们在电脑是无法直接访问到手机网站的,比如我经常访问一个3g.qq.com这个手机站点,如果在电脑上直接打开它,则会跳转到其它页面,一般我会在网上查找在线WAP浏览器,进入之后输入手机网址再访问。

  其实根本不用这么麻烦,如果你有在使用Google Chrome浏览器,那就很简单了。看了一下网上的相关教程,总结起来共有三种方法,原理都一样,通过伪装User-Agent,将浏览器模拟成Android设备。

Chrome模拟手机浏览器(iOS/Android)的三种方法,亲测无误! - 巴士下载站www.11684.com

第一种方法:新建Chrome快捷方式

  右击桌面上的Chrome浏览器图标,在弹出的右键菜单中选择“复制”,复制一个图标副本到桌面。右击该副本,选择“属性”,打开相应的对话框,在“目标”文本框的字符后面添加以下语句:“–user-agent=”Android””,如下图:

Chrome模拟手机浏览器(iOS/Android)的三种方法,亲测无误! - 巴士下载站www.11684.com

  注意user前面是两个“-”,并且“chrome.exe”与“–user”之间有一个空格。确定之后,打开这个新建的Chrome快捷方式,输入3g.qq.com就可以浏览到像手机里打开一样的页面了。但是我反复测试就是失败,怎么回事?后来我发现原因了,原来要把之前打开的所有Chrome页面全部关闭后才行,换句话说,要把Chrome完全退出后再打开。

第二种方法:Chrome开发者模式

  新建一个Chrome页面,然后按F12(也可以是点击菜单-工具-开发者工具),然后点击右下角的黑色锯齿小图标,如下图:

Chrome模拟手机浏览器(iOS/Android)的三种方法,亲测无误! - 巴士下载站www.11684.com

  切换到“Overrides”标签,勾选“User Agent”和“Device metrics”,然后在“User Agent”下的下拉列表中选择不同浏览器、不同系统的选项,“Device metrics”选项会根据不同的选择显示不同的分辨率。

  注:如果没有合适的“User Agent”选项可以选择最下边的other,自定义谷歌chrome浏览器的User Agent,然后通过“Device metrics”选项自定义分辨率。

第三种方法:一次性模拟iPhone和安卓手机

开始–运行中输入以下命令,启动浏览器:

模拟谷歌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:

chrome.exe –user-agent=”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″

这种方法仅供特殊情况下使用,因为重启Chrome将不能恢复正常User-Agent,所以是一次性,推荐使用一、二两种方法。