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

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

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

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

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

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,如果你的没有此功能,那么就升级吧。

Safari——用户代理

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

  1. 首先,浏览器右上角的“设置”——“偏好设置”——“高级”,把“在菜单栏中显示‘开发’菜单”这个勾勾上

  2. 然后菜单栏里就多出来一个“开发”了,“开发”下面的“用户代理”,OK,你明白了吧。

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

其它浏览器

安装了个遨游的最新版,方法同chrome。

opera没装就不说了,也是有的,自己找找啊。

About admin

格桑

View all posts by admin →

This entry was posted in 前端技巧小知识移动开发 and tagged chromesafari模拟手机浏览器. Bookmark thepermalink.

用PC浏览器模拟手机浏览器(一):无扩展版,布布扣,bubuko.com

时间: 2024-12-13 14:34:59

用PC浏览器模拟手机浏览器(一):无扩展版的相关文章

在PC上测试移动端网站和模拟手机浏览器的5大方

查了很多资料,尝试了大部分方法,下面将这一天的努力总结下分享给大家,也让大家免去看那么多文章,以下介绍的方法,都是本人亲自测试成功的方法,测试环境winxp. 一.Chrome*浏览器 chrome模拟手机总共有四种方法,原理都一样,通过伪装User-Agent,将浏览器模拟成Android设备.以下标星的为推荐方法. 1.新建Chrome快捷方式 右击桌面上的Chrome浏览器图标,在弹出的右键菜单中选择"复制",复制一个图标副本到桌面.右击该副本,选择"属性",

在PC上测试移动端网站和模拟手机浏览器的5大方法

查了很多资料,尝试了大部分方法,下面将这一天的努力总结下分享给大家,也让大家免去看那么多文章,以下介绍的方法,都是本人亲自测试成功的方法,测试环境winxp. 一.Chrome*浏览器 chrome模拟手机总共有四种方法,原理都一样,通过伪装User-Agent,将浏览器模拟成Android设备.以下标星的为推荐方法. 1.新建Chrome快捷方式 右击桌面上的Chrome浏览器图标,在弹出的右键菜单中选择"复制",复制一个图标副本到桌面.右击该副本,选择"属性",

无插件,直接加参数,chrome它可以模拟手机浏览器

在目标出现,加上一些参数即可:--user-agent="mozilla/5.0 (linux; u; android 2.3.3; en-us; sdk build/ gri34) applewebkit/533.1 (khtml, like gecko) version/4.0 mobile safari/533.1" 这样就能够模拟手机浏览器访问,促进他们的调试,在加入后,必须关闭当前浏览器,然后打开足够的人才 版权声明:本文博主原创文章.博客,未经同意不得转载.

chrome浏览器模拟手机 地理定位

chrome浏览器模拟手机 地理定位 在pc端做touch页面调试的时候,常常会遇到需要模拟定位的情况 chrome浏览器有着强大的调试工具,尤其是新版chrome浏览器 下面我就以新版chrome浏览器为例,模拟下如何用电脑模拟手机定位 1.首先 F12 调出控制台 2. 点击这个小手机调出手机模拟器 3.选择一款手机 4.如图所示,选择emulation -- sensors  --- coordinates  需要手动填写纬度和经度 酱紫就可以模拟定位啦,是不是很简单,嘻嘻!~^_^

电脑手机模拟器模拟手机浏览器,在线浏览手机网站

很多手机网站都通过User-Agent来判断当前访问客的浏览器类型,如果是3G智能手机,显示手机版页面内容,如果是电脑浏览器,显示普通电脑版网页内容. 谷歌Chrome电脑浏览器,可以很方便地用来当3G手机模拟器来模拟手机浏览器.在Windows的[开始]-->[运行]中输入以下命令,启动谷歌浏览器,即可模拟相应手机浏览器去访问3G手机网页: 谷歌Android版手机模拟器: chrome.exe --user-agent="Mozilla/5.0 (Linux; U; Android 2

无需插件,直接加参数,chrome即可模拟手机浏览器

在目标那里加一段参数即可:--user-agent="mozilla/5.0 (linux; u; android 2.3.3; en-us; sdk build/ gri34) applewebkit/533.1 (khtml, like gecko) version/4.0 mobile safari/533.1" 这样就可以模拟手机浏览器访问了,方便自己调试,添加之后,必须关闭当前浏览器,然后再打开才可以

PC上测试移动端网站和模拟手机浏览器

一.Chrome*浏览器 chrome模拟手机总共有四种方法,原理都一样,通过伪装User-Agent,将浏览器模拟成Android设备.以下标星的为推荐方法. 1.新建Chrome快捷方式 右击桌面上的Chrome浏览器图标,在弹出的右键菜单中选择“复制”,复制一个图标副本到桌面.右击该副本,选择“属性”,打开相应的对话框,在“目标”文本框的字符后面添加以下语句:“–user-agent=”Android””,如下图: 注意user前面是两个“-”,并且“chrome.exe”与“–user”

【转】在PC上测试移动端网站和模拟手机浏览器的5大方法

查了很多资料,尝试了大部分方法,下面将这一天的努力总结下分享给大家,也让大家免去看那么多文章,以下介绍的方法,都是本人亲自测试成功的方法,测试环境winxp. 一.Chrome*浏览器 chrome模拟手机总共有四种方法,原理都一样,通过伪装User-Agent,将浏览器模拟成Android设备.以下标星的为推荐方法. 1.新建Chrome快捷方式 右击桌面上的Chrome浏览器图标,在弹出的右键菜单中选择“复制”,复制一个图标副本到桌面.右击该副本,选择“属性”,打开相应的对话框,在“目标”文

用Fiddler可以设置浏览器的UA 和 手动 --Chrome模拟手机浏览器(iOS/Android)的三种方法,亲测无误!

附加以一种软件的方法是:用Fiddler可以设置浏览器的UA 以下3种方法是手动的 通过伪装User-Agent,将浏览器模拟成Android设备. 第一种方法:新建Chrome快捷方式 右击桌面上的Chrome浏览器图标,在弹出的右键菜单中选择“复制”,复制一个图标副本到桌面.右击该副本,选择“属性”,打开相应的对话框,在“目标”文本框的字符后面添加以下语句:“--user-agent="Android"”,如下图: 注意user前面是两个“-”,并且“chrome.exe”与“--