现在的位置: 首页技术文章>正文
用PC浏览器模拟手机浏览器
发表于1377 天前 技术文章 评论关闭

想浏览手机版,打开对应网址却跳转到PC版?怎么办?

下面咱们来说下在只是安装了浏览器,无需其他安装操作的情况下来怎么用PC浏览器模拟手机浏览器,然后访问手机站点。

浏览器众多,IE系列的咱就不考虑了,相信你也不用他浏览手机站点,否侧太没品位了,那咱今天就说说其他的:Chrome和Safari两个浏览器,在无任何扩展的情况下怎么来模拟手机浏览器。

其实,就是修改浏览器的User Agent,来让那些以User Agent为判断标准的站点认为你当前的浏览器为手机浏览器,从而呈现手机页面。

 

1. 什么是 User Agent?

User Agent中文名为用户代理,简称UA,它是一个特殊字符串头,指的是代表使用者行为的软件(软件代理程序)所提供的对自己的一个标识符。它使服务器能够识别客户使用的浏览器类型及版本、操作系统及版本、浏览器内核、等信息的标识。

用在浏览器里其实就是用来表明浏览器身份的一段代码。

一些网站常常通过判断 UA 来给不同的操作系统、不同的浏览器发送不同的页面,因此可能造成某些页面无法在某个浏览器中正常显示,但通过伪装 UA 可以绕过检测,也是通过这种方法,我们可以轻松的使用PC浏览器来模拟手机浏览器。

1.1 User Agent格式

格式如下:

浏览器标识 (操作系统标识; 加密等级标识; 浏览器语言) 渲染引擎标识 版本信息

<– 其实还是有点迷糊的,还是不做解释了,大家自己看吧。 –>

1.2怎么查看User Agent?

  1. 自己写代码
  2. 检测网站,检测信息下也都有解释滴,结合下上面的格式,估计就懂了。

隆重推荐下:在本博客检测User Agent的地方——“http://aiyouu.net/tools/user-agent.php,太随便了,比较简陋,先用着哈。

1.3 参考扩展阅读:

 

2. 扩展版

2.1 Chrome——开发者工具滴设置

在Chrome浏览器开发者工具的设置里面其实有对应的User Agent的设置,你只需要选择对应系统的User Agent即可模拟其相应的浏览器。方法如下:

  1. 打开Chrome的开发者工具,快捷键“Ctrl+Shift+I”打开、或者右键——审查元素,等等
  2. 在开发者工具的右下角(可能因版本不同而位置不同),点击打开小齿轮状的设置按钮
  3. “设置”里面的第二项“Overrides”,映入眼帘的第一项就是“User Agent”了,打上对钩,就可以选择相应的主流User Agent了,当然,选择最后的“Other”你还可以添加自己需要的User Agent。

选择对应的User Agent后,如果当前浏览网址为PC页面,且是以User Agent为判断标准的,那么刷新就会跳转到对应的手机页面,同样,如果直接访问手机页面,也就不再跳转。

切记:开发者工具需要一直打开着,关闭就失效了哦。

除此之外,“Overrides”里还能模拟设备屏幕尺寸、模拟地理位置、模拟touch events和模拟CSS media的功能,还够强大吧。

PS:据说有人利用模拟地理位置这个功能来成功滴模拟了自己的世界各地发布的微博、QQ说说等,如果你想屌丝下,那就试试吧,足不出户全球发微博、说说。

配图一张,说明:当前Chrome版本 28.0.1500.95 m

Chrome截图

 

如果是更高版本,比如34.***,则方法如下:

2.2 Safari——用户代理

同样,Safari也有相应的功能,在这里叫做“用户代理”。

  1. 首先,浏览器右上角的“设置”——“偏好设置”——“高级”,把“在菜单栏中显示‘开发’菜单”这个勾勾上
  2. 然后菜单栏里就多出来一个“开发”了,“开发”下面的“用户代理”,OK,你明白了吧。
    Safari截图
    当然,最后也有其他的,可以自己添加。

3. 插件版

不是所有的浏览器都能无扩展的模拟User Agent来模拟手机浏览器,那么,怎么办?来用插件吧。这次就简单滴介绍下Firefox、Chrome的插件版。

3.1 Firefox插件

其实主要的就只有一个插件,其他的也是有作用滴哦。

  1. User Agent Switch,主将。
  2. wmlbrowser,应该是主要用来解析xml的,最早的那些wap站不就都是xml的。这个可加,可不加,看你需要看xml的wap不吧。
  3. XHTML Mobile Profile,貌似可有可无,晓得起那个作用的,解析xhtml在移动端?

安装好插件那就OK了,Firefox的菜单栏“工具”下就会多出来一个“Default User Agent”来,对应的你将会看到你想要的了。如下图:

不晓得这个插件是咋啦,也没内置几个主要的User Agent,但是还好,可以新建或者批量导入的哦。如下图:

再附上一个fisio制作过的xml的UA列表,可供参考的哦:常用UA列表,本站地址:常用UA列表

3.2 Chrome插件

Chrome上的插件同样是User-Agent Switcher for Chrome

安装就不说了,安装后,在Chrome的位置还是相当不错的,调试简单啊。就在右上角,如图

内置了部分UA,也可添加、导入等。

OK,完毕!

 

4.以User-Agent参数启动版插件版

PC浏览器模拟手机浏览器,用第一式“无扩展版”,每次都得去设置,Chrome的还不能关控制台,多影响屏幕啊!用第二式“插件版”,是能设置好 了直接用,但是呢?你还得用PC的啊,怎么办呢?OK,Now,用PC浏览器模拟手机浏览器第三式:以User-Agent参数启动版,就是来解决这问题 的。

用User-Agent为参数直接启动浏览器,以那个user-agent启动的就会模拟成那个的浏览器,即使再单独打开同一浏览器也还是同模拟好了的浏览器一样。如果想切换回普通浏览器模式,只能关闭所有Chrome浏览器,再以正常方式打开。且,只限定在Chrome浏览器上使用,可见Chrome的强大了,据我了解的是昂。哦,是跟这个同一个内核的就行。

以User-Agent参数启动浏览器有分为如下3种:

一、命令行启动

window系统下,“开始”——“运行”或者“Win+R”,然后输入相应的代码,即可打开对应的UA浏览器。

代码格式如下:

chrome.exe+空格+"-user-agent=’UA'"

例如以IPhone 4的UA来打开浏览器:

chrome.exe -user-agent="Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_3_2 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8H7 Safari/6533.18.5"

有的说,打开cmd后,得先进入Chrome的安装目录(什么什么路径\Application\chrome.exe)才能执行,其实不然,还是个别机子需要啊,如果直接不行的话,那就进入chrome.exe的目录吧哦。

缺点:每次都得复制,还得找好对应的UA,麻烦吧。那就看下面两种。

二、桌面快捷方式启动

在Chrome浏览器的桌面快捷方式的目标选项参数后面加入对应的UA,这样浏览器就直接以加入的UA启动了。

目标参数设置格式为:

目标选项内原参数+空格+“-user-agent=‘UA’”

但是只有一个快捷方式,怎么办呢?复制呗,多复制几个,例如:“Chrome-安卓版”、“Chrome-IPhone版”、“Chrome-IPAD”版,

三、批处理脚本启动

当然,也是可以建立一个批处理脚本来启动的,更快捷方式一个意思。

新建一个记事本,粘贴一下内容:

@echo off start chrome.exe --user-agent="UA" EXIT
@echo off start chrome.exe --user-agent="Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_3_2 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8H7 Safari/6533.18.5" EXIT

完成后将“.txt”文件后缀修改为“.bat”后缀,关闭Chrome,在双击运行此文件,访问网站,OK,手机版了。

同样,输入不同的UA,你也可以新建多个,想用那个点那个。

切记:如果想切换回普通浏览器模式,只能关闭所有Chrome浏览器,再以正常方式打开。或者在以普通Chrome浏览器的UA模拟一遍。

值此,用PC浏览器模拟手机浏览器,完结。

抱歉!评论已关闭.

×
腾讯微博