您的位置：
& 阅读文章
Chrome模拟手机浏览器（iOS/Android）的三种方法，亲测无误！
　　各大网站都有推出自己的手机访问版本页面，不管是新闻类还是视频网站，我们在电脑是无法直接访问到手机网站的，比如我经常访问一个这个手机站点，如果在电脑上直接打开它，则会跳转到其它页面，一般我会在网上查找在线WAP浏览器，进入之后输入手机网址再访问。
　　其实根本不用这么麻烦，如果你有在使用Google 浏览器，那就很简单了。看了一下网上的相关教程，总结起来共有三种方法，原理都一样，通过伪装User-Agent，将浏览器模拟成设备。
第一种方法：新建Chrome快捷方式
　　右击桌面上的Chrome浏览器图标，在弹出的右键菜单中选择“复制”，复制一个图标副本到桌面。右击该副本，选择“属性”，打开相应的对话框，在“目标”文本框的字符后面添加以下语句：“–user-agent=”Android””，如下图：
　　注意user前面是两个“-”，并且“chrome.exe”与“–user”之间有一个空格。确定之后，打开这个新建的Chrome快捷方式，输入就可以浏览到像手机里打开一样的页面了。但是我反复测试就是失败，怎么回事？后来我发现原因了，原来要把之前打开的所有Chrome页面全部关闭后才行，换句话说，要把Chrome完全退出后再打开。
第二种方法：Chrome开发者模式
　　新建一个Chrome页面，然后按F12（也可以是点击菜单-工具-开发者工具），然后点击右下角的黑色锯齿小图标，如下图：
　　切换到“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 (; U; Android 2.2; en- 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 (iP 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，所以是一次性，推荐使用一、二两种方法。
属于分类：
本文标签：, ,
人气热度：91,467 人围观
生产日期：日 - 14时12分07秒
看看还有没有您感兴趣的：
网友们正在阅读…iOS开发实用技巧--在手机浏览器头部弹出app应用下载提示 - 文顶顶 - 博客园
最怕你一生碌碌无为 还安慰自己平凡可贵
iOS开发实用技巧&在手机浏览器头部弹出app应用下载提示
本文介绍其简单使用：
第一步：在本地建立一个访问的服务端。&　　打开本地终端，在本地新建一个文件夹，在该文件夹中存放测试的html页面。&&　　在终端输入一行代码：python -m SimpleHTTPServer　　
---第二步：配置环境&
　　打开safari，偏好设置-&勾选 "在菜单栏中显示开发菜单"，如下图所示。
第三步：编写html文件　　在测试文件appdown.html中编写的测试代码如下：&&　　`说明`为对应的APP的ID。这里以QQ为例。
&!DOCTYPE html&
&html&&head&
&meta name="apple-itunes-app" content="app-id="&&/head&&body&
第四步：调试和效果　　在safari菜单栏-&开发-&相应的设备即可查看显示效果并进行调试。（`打开Web检查器`）
显示效果如下：&
随笔 - 179
评论 - 1450