在PC上测试移动端网站和模拟手机浏览器的5大方法
作者：佚名
字体：[ ] 来源：互联网 时间：03-19 10:14:54
最近公司要开发网站的移动版，让我准备准备知识，话说本人开发移动网站的经验还真不多，最悲剧的事情就是我的手机是个经典的诺基亚，而且公司还不给配手机，这是有多讨厌，没办法，没有手机只能用电脑模拟了
查了很多资料，尝试了大部分方法，下面将这一天的努力总结下分享给大家，也让大家免去看那么多文章，以下介绍的方法，都是本人亲自测试成功的方法，测试环境winxp。
一、Chrome*浏览器
chrome模拟手机总共有四种方法，原理都一样，通过伪装User-Agent，将浏览器模拟成Android设备。以下标星的为推荐方法。
1.新建Chrome快捷方式
右击桌面上的Chrome浏览器图标，在弹出的右键菜单中选择&复制&，复制一个图标副本到桌面。右击该副本，选择&属性&，打开相应的对话框，在&目标&文本框的字符后面添加以下语句：&&user-agent=&Android&&，如下图：
注意user前面是两个&-&，并且&chrome.exe&与&&user&之间有一个空格。确定之后，打开这个新建的Chrome快捷方式，输入就可以浏览到像手机里打开一样的页面了。
这时可以新建一个用户，就不影响原来用户访问的时候也是访问的手机版。
2.一次性模拟iPhone和安卓手机
开始&运行中输入以下命令，启动浏览器：
模拟谷歌Android：
chrome.exe --user-agent=&Mozilla/5.0 (L 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，所以是一次性。
更多的user-agent请自行搜索。
3.安装插件
插件可以很方便切换各种user-agent，很方便，但是可能会稍微影像性能。
User-Agent Selector地址：/webstore/detail/user-agent-selector/fnbmdojpgjpmjjmnjdnbobcdhenmmgod/related
从上图可以看到，还有很多类似的插件，其实功能都大同小异。
4：自带模拟器*
打开chrome开发者工具，按F12（r32版本），然后找到右上角的齿轮按钮，打开设置面板，选择Overrides，勾上Show &Emulation& view in console drawer（在控制台视图中显示&仿真&）。
然后关闭设置面板，选择Elements面板（非Console就可以），找到右上角打开控制台面板，选择控制台面板里的Emulation面板，右边有很多选项，选择一个点击Emulate就可以了，Reset按钮能恢复到默认状态。
打开仿真后，打开，即可看到如下的手机下的界面
这种方法简单好用，而且不需要重启，推荐这种方法。
注意：以上第一种和第二种方法都需要将全部打开的chrome窗口关闭，再打开才能起作用。
二、Firefox*浏览器1.修改user-agent
和chrome一样安装插件修改user-agent的方法，搜索wmlbrowser、XHTML Mobile Profile以及User Agent Switcher三个插件
2.火狐响应式设计+修改user-agent*
最近的火狐自己添加响应式设计功能和3D试图都很棒，打开火狐自己的控制台（非firebug），找到右上角的响应式设计按钮。
打开后即切换到响应式设计界面
但我们看到打开QQ的站点并未被自动引到QQ的移动页面，这样只对响应式设计的界面起作用，对想QQ这样云端判断，返回不同页面的并不适应，这里就要配合上面的方法，再改下user-agent，即可实现类似chrome的调试功能。
3.Firefox OS 模拟器
安装的方法 参考这里：https://developer.mozilla.org/zh-CN/docs/Tools-840092-dup/Firefox_OS_%E6%A8%A1%E6%8B%9F%E5%99%A8#Installing
安装完成后可打开如下界面，可用里面的浏览器打开网站即可，但这种方法打开的是电脑网站，而不是手机网站，也就是他的user-agent不是手机的，故对响应式界面起作用，对判断user-agent的网站不起作用，访问qq，baidu等返回的都是电脑界面。
三、Opera*浏览1.修改user-agent
和chrome和firefox类似，可自行安装插件，自opera12之后，opera改用webkit内核，故可安装chrome的插件，也可自行在opera的商店中搜索插件
User Agent Changer下载： /zh-cn/extensions/details/user-agent-changer/?display=en
2.Opera Mobile Emulator + dragonfly*
下载适合自己的版本，安装完毕会开如下界面：
左侧选择平台，右侧选择参数，选择完毕点击启动，如下的几面，用过手机opera的朋友会很熟悉，就是手机opera
关于opera mobile emulator的更详细介绍参看文章末尾参考资料的相关内容。
但此时，还是只能看而已，不能调试模拟器里的网站，这里需要dragonfly配合以实现调试，由于opera12后换了内核，不能安装dragonfly了，所有你需要一款opera12的浏览器，和dragonfly的离线包，配置好后具体如何连接请参看这里/dragonfly/documentation/remote/
全部设置好后即可实现在电脑上调试手机网页，如下图所示：
opera mobile emulator下载地址：/zh-cn/developer/mobile-emulator
四、模拟器* 1.官方模拟器*
做安卓开发的肯定都知道安卓模拟器，这是谷歌官方的提供的开发环境，能模拟安卓环境，还可切换各个版本，可下载配置好的环境，然后打开eclipes，直接打开AVDM，穿件一个AVD，然后start，如下图：
要等一大会时间，会打开模拟器，和安卓环境一样，打开里面的浏览器测试即可。但我的浏览器打不开不知道为什么，郁闷的很啊。
下载地址：/sdk/index.html
2.bluestacks
这也是一款模拟器，可自行搜索，本人安装后电脑就卡死了，可能我的电脑配置不行吧，看介绍还是不错的。
五、在线测试
在线只能测试界面的视觉效果，不能调试，但也是很不错的。
1.Mobile Emulator*
非常不错，速度也很快，界面很简洁，支持多种平台。
2.opera mini simulator
需要java环境支持，单一平台，opera出品，速度很快。
/zh-cn/developer/opera-mini-simulator
3.webpage mobile
说实话弄了半天也没弄出来，大大的鄙视下吧，但是能测试的平台很全面。
http://www.webpagetest.org/mobile
以上列出了多种方法，各有利弊，希望大家选择适合自己的方法，本人推荐chrome自带模拟器和opera mobile emulator + dragonfly的方法。因为这两种方法，接近真是手机环境，又能调试css和js。
当然文中没有提到的还有最好的方法就是你有一台手机，那就太好了，配合远程调试，是最最理想的办法。
大家感兴趣的内容
12345678910
最近更新的内容西西软件园多重安全检测下载网站、值得信赖的软件下载站！
→ uc浏览器怎么设置主页
uc浏览器怎么设置默认浏览器
v6.0. 官方最新版
类型：浏览器类大小：48.2M语言：中文 评分：9.3
是一款功能强大的上网软件，大家在使用uc浏览器的时候一般都会把uc设为默认浏览器或者把百度设为主页，那么uc浏览器怎么设置主页，uc浏览器怎么设置默认浏览器，下面小编就给大家带来详细的介绍。打开UC浏览器电脑版，选择菜单的“设置”打开UC浏览器电脑版的设置页面，修改启动时选项，此处有两个选项“打开主页”和“打开上次退出时未关闭的页面”。选择启动时打开上次退出时未关闭的页面时，启动时不会打开主页，如果此时已经设置主页时，只能通过“主页”按钮跳转到主页。选择启动时打开主页，则启动时打开主页，选择因人而异。启动时如果希望打开新标签页，即空白网页，修改主页设置为新标签页。启动时希望打开指定页面，这里以百度首页为例。选择“使用此页”，输入网页地址，回车即可。如果你的电脑里无默认浏览器，则设置成功。如果你的电脑里已经有默认浏览器，则会弹出以下窗口。点击更多，选择允许本次修改，则设置默认浏览器成功。也可以在中进行修改。如图所示。
当前国内电脑浏览器市场竞争几近饱和，并且人们的上网习惯正在向手机端转移，却偏偏选择在这个时候进入端市场，西西只能说佩服了，官方的说法是浏览器已经全面攻占手机安卓塞班智能电视等终端了。我们的征途是星辰大海，岂能少了电脑版真正的浏览器电脑版来啦，这是浏览器官方发布的版本哦浏览器电脑版适用人群我们为岁的人群都准备了秘密武器，你在这个范围里吧版浏览器有和两个内核，可以通过地址栏右侧的小图标切换。使用体验安...
02-20 / 48.2M
推荐理由：UC浏览器PC版的特性，强调了“快感”两字，亮点集中在快速和流畅！此外，还具有翻墙功能。用户界面采用了极
04-09 / 53.6M
推荐理由：UC浏览器电脑版还是以谷歌内核为核心，自己再另外加壳的浏览器，跟国内的360极速，猎豹浏览器等大部分都是差
04-05 / 345KB
推荐理由：uc浏览器是一款全球领先的智能移动浏览器，拥有独创的U3内核和云端技术，完美地支持HTML5应用，具有智能、极
10-15 / 13.7M
推荐理由：没有浏览器的智能电视怎能叫智能电视？！UC全新推出TV浏览器，全网资源、超大屏浏览，高速上网冲浪，给你影
02-20 / 18.0M
推荐理由：UC浏览器是一款全球领先的智能手机浏览器，拥有独创的U3内核和云端技术，完美地支持HTML5应用，具有智能、极
02-12 / 16.6M
推荐理由：UC浏览器国际版8.4android，中文汉化版，优视科技面向海外市场开发的UC浏览器国际版，具有界面极简，无广告
浏览器作为系统自带的浏览器用户量还是很大的，不过我们平时总会遇到浏览器出现故障的问题，或是主页被修改或是应用程序中止无法打开浏览器。这种情况下我们可以下载一款修复工具来帮助我们修复浏览器。网上有一些使用修改注册表方法实现修复的目的，此方法容易误导用户，风险较大，且修改注册表会导致系统运行不稳定，微软官方给出的修复方法为使用解决方案，常见的大部分问题均可修复。...
10-12 / 24KB
推荐理由：IE修复，意指为恢复被篡改的已设定的电脑浏览器IE主页或浏览器主页为空白主页而通过某一款软件进行修复操作
12-05 / 21KB
推荐理由：这个小工具比较适合Win7系统中用来修复IE8浏览器的，它能够修复的功能有新选项卡无响应、窗口无法弹出、无法
05-29 / 408KB
推荐理由：&FixIE 是款免费的IE 修复软件，使用后会重新注册所有IE 相关的DLL 及OCX 档案，让IE恢复到初始状态，
12-11 / 1.7M
推荐理由：超级强力IE首页主页修复还原器工具专家适用症状：IE主页修改项变空白无法选定修改首页，注册表被锁定无法进
10-25 / 237KB
推荐理由：windows中的ie浏览器是非常脆弱的，它常常被各种恶意软件修改主页、添加无用的工具栏，甚至搞到无法使用，想
06-30 / 259KB
推荐理由：金山安全中心总结分析了近十多年来ie浏览器相关病毒或者木马的特点所汇总出来的ie脆弱点，也是ie修复工具功
浏览器可以说是国内用户量最大的手机浏览器，在安卓系统还未兴起手机系统以为主流的年代浏览器凭借着其强力的支持技术迅速占据了国内手机浏览器的半壁江山，虽然现在安卓系统上的浏览器众多不过浏览器始终占据着很大的一片份额。浏览器还覆盖了等主流移动操作系统的多个著名品牌超过款手机及平板电脑终端。...
02-20 / 18.0M
推荐理由：UC浏览器是一款全球领先的智能手机浏览器，拥有独创的U3内核和云端技术，完美地支持HTML5应用，具有智能、极
02-20 / 48.2M
推荐理由：UC浏览器PC版的特性，强调了“快感”两字，亮点集中在快速和流畅！此外，还具有翻墙功能。用户界面采用了极
10-15 / 13.7M
推荐理由：没有浏览器的智能电视怎能叫智能电视？！UC全新推出TV浏览器，全网资源、超大屏浏览，高速上网冲浪，给你影
02-12 / 16.6M
推荐理由：UC浏览器国际版8.4android，中文汉化版，优视科技面向海外市场开发的UC浏览器国际版，具有界面极简，无广告
10-13 / 124M
推荐理由：uc浏览器是优视动景（ucweb公司）开发的一款手机浏览器简介：支持web、wap页面浏览，速度快而稳定，功能强大
08-19 / 66.7M
推荐理由：uc浏览器iphone越狱机专用版版本8.3.1.151中的新功能1、全新的视觉效果；2、首页双屏体验更佳；3、我的导航
国庆节快要到了，你抢到票了吗这是这几天和朋友交流说的做多的话，每次假期一到，抢票这个话题总是在摆在首位。网站也和各大抢票浏览器之间开展了你来我往的战斗，不过站在用户的角度，西西是支持抢票软件的，下边为大家推荐一些安全好用的抢票软件及抢票浏览器插件。抢票软件大全说明这类软件有著名品牌开发的，也有一些个人开发的，小编推荐使用大品牌的哦，毕竟有保障些，均提供正版。抢票浏览器插件说明大家都知道，猎豹等著名...
12-23 / 33.4M
推荐理由：随着年关将近，春运到来，各大抢票软件、抢票应用纷纷现身，国内的几个网络巨头自然是要参一脚的。百度于昨
12-14 / 48.4M
推荐理由：猎豹浏览器春运抢票版工程师今晚夜以继日，刚刚发布了新版软件，优化界面细节逻辑，修正了一组BUG，点击此链
04-05 / 2.2M
推荐理由：12306订票助手是一款支持网上订购火车票的软件，支持自动输入用户名和密码、自动填写出发地和目的地等多个功
11-19 / 110KB
推荐理由：2016春运购票日历是12306官方发布的一款春运火车票预售时间表，关注春运的可以从中看出适合自己买火车票的时
12-29 / 34.6M
推荐理由：全球最快的浏览器内核，网页闪电般打开。测一测你的浏览器无缝顺滑的双核切换，网购、秒杀快捷流畅。视频演
12-30 / 10.8M
推荐理由：12306订票助手V6是由木鱼开发的免费扩展脚本，帮助大家省去手工刷票时焦急而又机械的操作，抢到新出车票后第
现在各种播放器，各种视频站都充斥着许多广告，网页上的广告就更不用说了，站在一个用户的角度来说，广告是非常讨厌的。但是站在运营者的角度来说，没有收入就无法生存。因此我们只能折中的使用广告屏蔽软件来拦截掉一些地方的广告啦广告屏蔽软件大全说明广告屏蔽软件大全包括了视频广告拦截软件网页广告拦截软件播放器广告拦截软件等工具，全部免费提供广告拦截器说明这类广告拦截器一般指的是在我们浏览网页时帮你拦截网页中的广...
01-23 / 23.7M
推荐理由：adsafe广告管家是广告强力过滤软件，能清除常见网盟广告、弹窗广告、对联广告等，让用户轻松拥有清爽页面。
12-22 / 2.6M
推荐理由：广告快走开AdAway是一款基于hosts文件的Android屏蔽软件，同时hosts文件列表由开源组织进行维护，时刻保持最
12-05 / 1.8M
推荐理由：《广告拦截助手 Adblock Plus》是一款非常出名的去广告神器，在火狐、Chrome及Opera等浏览器平台都有着优秀
08-22 / 407KB
推荐理由：优酷去广告工具是吾爱论坛网友发布的一款原创软件，可去除优酷土豆搜狐等视频广告，支持全系统。原理是通过
09-12 / 895KB
推荐理由：恶意软件广告拦截(Anvi Ad Blocker)
恶意广告，恶意钓鱼网站广告拦截器，以配合您的杀毒软件，通过有效地阻
12-21 / 3.2M
推荐理由：万能广告拦截(AdFender)拦截去除屏蔽windows系统所有软件的广告！支持屏蔽多种浏览器中的网页广告，同时可以
12-1512-0912-0612-0411-2611-2009-0108-1108-0308-03
阅读本文后您有什么感想? 已有23人给出评价!
名称大小下载UC浏览器开发者版
UC浏览器开发者版
目前，在手机上使用浏览器访问网页，无法便捷地进行网页语言调试。手机屏幕相对较小且操作不便，直接在手机上进行网页数据调试不太现实。
因此，我们使用技术将手机网页调试信息分离，实现一种能在大屏幕、高配置PC上来调试小屏幕、低配置的手机浏览器访问的网页的开发工具——RemoteInspector（简称RI）。
1.1主要功能
Android平台UC浏览器开发者版，主要支持以下功能：
DOM查看和修改
JavaScript调试、CSS调试
网络状态查看
资源文件查看
Console控制台
2 准备工作
2.1 手机端
进入UC官方网站开发者中心（网站地址），下载Android平台的，安装到手机中。
PC机一台，并在PC上安装Chrome或Safari（推荐使用Chrome）。支持Chrome15–Chrome21，以及Safari5.1.4以上版本。
下载到PC中。
2.3 连接手机与PC
Android平台UC浏览器开发者版，远程调试支持USB连接、Wi-Fi连接两种模式。MAC平台请参考：
Wi-Fi连接模式 Wi-Fi模式下，保证手机与PC处于同一个无线网段即可。
USB连接模式 USB连接模式需要搭建AndroidSDK开发环境或安装adb工具。
//附Windows操作系统上的adb安装参考
1)在PC上，通过网络下载安装豌豆荚（Android手机助手）；
2)在手机上打开USB调试模式：
设置&应用程序&开发&USB调试
3)连接手机与PC，若PC无手机驱动，豌豆荚会自动下载驱动并安装；
4)将手机与PC连接，能被豌豆荚识别则为正常连接
5)将adb_tool.zip解压到C:\WINDOWS\system32目录下
6)开始&运行&输入cmd.exe进入Windows命令提示符窗口，输入adb，
如果无错误提示，并能够看到”AndroidDebugBridgeversion1.0.26”的提示，则表明adb安装成功
搭建好AndroidSDK开发环境或安装好adb工具后，通过adb命令进行端口映射。
在Windows命令提示符窗口（cmd.exe）运行：adbforwardtcp:9998tcp:9998
3 调试方式
在手机上启动UC浏览器开发者版，并打开需要调试的页面。在PC上打开Chrome或Safari
若是Wi-Fi连接模式，则在地址栏输入：手机IP+:9998 例，手机IP为192.168.112.244，则输入192.168.112.244:9998。此时手机端的UC浏览器开发者版会弹出对话框，如下：
选择确定，允许调试。
若是USB连接模式，则在地址栏输入：http://localhost:9998 成功访问该网址后，即可看到UC浏览器开发者版已打开索引页面：
接下来，点击任一需要调试的页面即可进行调试。调试方法与PC上Chrome或Safari开发者工具的调试方法类似。以UC产品下载站为例，点击进入调试页面：
当UC浏览器开发者版的某个页面被远端浏览器调试时，系统通知栏会显示扳手图标，提示UC浏览器-调试模式开启，表明当前手机页面处于调试状态。如图：
所有工作准备就绪，接下来可进入调试阶段。
更多内容请参考
(C) 版权所有UC怎么设置电脑版
时间： 15:35:53来源：作者：Keung(0)
我们都知道，在使用手机上的UC浏览器进行网页浏览时，大多数网站是会针对手机进行优化，而显示移动版，不过有时候，为了进行某些操作，电脑版或许更方便。移动版那么怎么设置电脑版呢？如果你还不知道UC浏览器设置电脑版的方法，倒不妨来看看。1.打开UC浏览器，点击底栏【菜单】2.点击左下的【齿轮】标志3.找到【浏览设置】进入4.滑动到底部，选择【浏览器标识（UA）】5.【默认】为Android，我们要设置电脑版，则选择【Chrome】6.返回到主页即保存7.进入某个网站，即可显示电脑版电脑版
名称：UC浏览器v10.1.0.527官网最新版大小：17M下载：UC手机浏览器怎么默认打开电脑版网页
时间：日来源：百度
首先在手机上打开UC，比如我们以百度经验首页为例，简化版的界面如下图所示。
接下来我们点击下方正中位置的主菜单选项，此时弹出主菜单下拉菜单，在左侧可以看到【设置】选项，如下图所示。
点击【设置】选项，弹出设置窗口，在下方可以看到【浏览设置】选项，如下图所示。
点击【浏览设置】选项，进入浏览设置界面，在下方可以看到【浏览器标示(UA)】选项，此时选择的模式为默认模式，如下图所示。
点击浏览器标示右侧的选项，弹出下拉菜单，选择下拉菜单里的Chrome选项，如下图所示。
选择完毕后返回到已打开的百度经验首页界面，此时显示设置保存成功，如下图所示。
然后刷新该界面，即可打开电脑版网页了，如下图所示。
UC浏览器是一款免费网页浏览软件,适用于以手机为主的各类手持移动终端。…
页面地址:/android/UCliulanqianzhuoban.html
看过这篇文章的人还看过