码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2014-05-10 07:32:03      阅读:396      评论:0      收藏:0      [点我收藏+]

标签:des   style   class   tar   c   http   

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

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

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

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

Chrome——开发者工具滴设置

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

  1. 打开Chrome的开发者工具,快捷键“Ctrl+Shift+I”打开、或者右键——审查元素,等等
  2. 在开发者工具的右下角(可能因版本不同而位置不同),点击打开小齿轮状bubuko.com,布布扣的设置按钮
  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,如果你的没有此功能,那么就升级吧。

bubuko.com,布布扣

Safari——用户代理

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

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

其它浏览器

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

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

bubuko.com,布布扣

About admin

格桑
This entry was posted in 前端技巧小知识移动开发 and tagged . Bookmark thepermalink.

 

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

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

标签:des   style   class   tar   c   http   

原文地址:http://www.cnblogs.com/hechunhua/p/3719819.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!