教程集 www.jiaochengji.com
教程集 >  操作系统  >  windows  >  正文 电脑pc上的浏览器模拟手机浏览器的方法

电脑pc上的浏览器模拟手机浏览器的方法

发布时间:2019-12-20   编辑:jiaochengji.com
教程集为您提供电脑pc上的浏览器模拟手机浏览器的方法 等资源,欢迎您收藏本站,我们将为您提供最新的电脑pc上的浏览器模拟手机浏览器的方法 资源
电脑pc上的浏览器模拟手机浏览器通常是通过模仿User-Agent参数来跳过程序代码的一个检测了,同时我们也可以这样来做手机站开发测试了,具体下面小编为各位总结一下。

什么是 User Agent?

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

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

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

User Agent格式

格式如下:

浏览器标识 (操作系统标识; 加密等级标识; 浏览器语言) 渲染引擎标识 版本信息
<– 其实还是有点迷糊的,还是不做解释了,大家自己看吧。 –>

怎么查看User Agent?

自己写代码

检测网站,检测信息下也都有解释滴,结合下上面的格式,估计就懂了。
http://whatsmyuseragent.com/
http://whatsmyua.com/
http://www.useragentstring.com/


用PC浏览器模拟手机浏览器(一):无扩展版

Chrome——开发者工具滴设置

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

打开Chrome的开发者工具,快捷键“Ctrl Shift I”打开、或者右键——审查元素,等等
在开发者工具的右下角(可能因版本不同而位置不同),点击打开小齿轮状的设置按钮
“设置”里面的第二项“Overrides”,映入眼帘的第一项就是“User Agent”了,打上对钩,就可以选择相应的主流User Agent了,当然,选择最后的“Other”你还可以添加自己需要的User Agent。
选择对应的User Agent后,如果当前浏览网址为PC页面,且是以User Agent为判断标准的,那么刷新就会跳转到对应的手机页面,同样,如果直接访问手机页面,也就不再跳转。

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

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

PS:据说有人利用模拟地理位置这个功能来成功滴模拟了自己的世界各地发布的微博、QQ说说等,如果你想?潘肯拢?蔷褪允园桑?悴怀龌??蚍⑽⒉?⑺邓怠?/p>

配图一张,说明:当前Chrome版本 28.0.1500.95 m,如果你的没有此功能,那么就升级吧。

Chrome截图

Safari——用户代理

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

首先,浏览器右上角的“设置”——“偏好设置”——“高级”,把“在菜单栏中显示‘开发’菜单”这个勾勾上
然后菜单栏里就多出来一个“开发”了,“开发”下面的“用户代理”,OK,你明白了吧。


Safari截图


当然,最后也有其他的,可以自己添加

用PC浏览器模拟手机浏览器(二):插件版

Firefox插件

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

User Agent Switch,主将。
wmlbrowser,应该是主要用来解析xml的,最早的那些wap站不就都是xml的。这个可加,可不加,看你需要看xml的wap不吧。
XHTML Mobile Profile,貌似可有可无,晓得起那个作用的,解析xhtml在移动端?
安装好插件那就OK了,Firefox的菜单栏“工具”下就会多出来一个“Default User Agent”来,对应的你将会看到你想要的了。如下图:


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



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

Chrome插件

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

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


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

用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浏览器模拟手机浏览器,完结。

您可能感兴趣的文章:
判断是否手机访问的php js代码
电脑pc上的浏览器模拟手机浏览器的方法
uc浏览器PC版怎么截图 uc浏览器PC版截图教程
电脑版uc浏览器地址栏怎么自动补全?
UC浏览器电脑版不能卸载怎么解决
电脑IE浏览器总是提示“网页脱机提示”问题解决方法
电脑打开淘宝网进入手机淘宝怎么办?
php如何判断是手机还是电脑
uc浏览器pc版卸载不了怎么办?uc浏览器卸载方法
UC浏览器电脑版怎么去掉左下方广告

[关闭]
~ ~