你们好:css
最近我在作功能修改的时候常常会遇到手机页面的样式以及手机页面特 效方面的各类问题,可是在电脑上又不能直接看到须要调试的js和相关的css,以为比较头疼,最近发现两个比较好用的工 具推荐给你们,有兴趣的能够试试。html
第一款试试uc浏览器的远程调试,现附上文档 (developer.doc),我就不一一解释了。android
现将惟一要说明的一点是(一下内容仅以安卓系统和windows系列为例)web
adb的安装windows
1.adb必定要选择最新版本的不然在使用的时候会提示已通过期,下载安卓sdk(http://developer.android.com/sdk/index.html) 管理器。使用sdkmanager首先更新最近的platform-tools浏览器
2.将更新好的 platform-tools中的文件(以下图)tcp
拷贝到 C:\Windows\System32文件夹中工具
3.打开命令行 安装adb 输入命令 adb 若是adb安装成功则会显示它的版本号测试
4.若是此时你用的是 uc浏览器直接按照说明来继续下去就能够了若是使用的是firefox请继续按照如下步骤操做spa
5.下载最 新版本的firefox 电脑版本 以及 在手机上下载 Firefox for Android
6.在PC端 对firefox进行设置 在地址栏中输入 about:config 出现提示页面点击我保证我会当心
7.在搜索栏中输入remote
设置devtools.debugger.remote- enabled” 为真 以后重启firefox打开工具-web developer 就会看到connet选项
8.Firefox for Android 中作设置 地址栏中输入 about:config
9.在搜索框中输入devtools 点击添加一个新设置 以后出现的全部提示框一概选择肯定或者取消
10.找到 devtools.debugger.remote-enabled 设置为 true 以后重启
11.Firefox for Android作以下选择 设置--开发者工具-远程调试 在远程调试后打勾。
12.使用usb数据线将电脑和手机作连接而且使用豌豆 荚或者360手机助手肯定已经链接好(肯定是否打开了usb调试)。
13.在PC端打开命令行 输入 adb devices 应该有你使用设备的编号以等信息若是设备编号后面显示的不为device 而是offline请重启手机以后链接,再运行此命令。
14.以后使用adb命令进行端口转发,由于 Firefox for Android 和PC端上的firefox的默认远程端口都是6000 因此若是不想改的话,就直接输入adb forward tcp:6000 tcp:6000就行了(若是想改变端口数值请使用第六、7两步中的方式找到端口设置,进行改变便可,改变完后必定要从新启动。)
15.此时打开Firefox for Android 随便找到一个网址打开。
16.打开pc端的firefox打开开发者工具找到设 置,将远程调试打开
2014-01-02
以后找到connect选项
进行以下操做
点击连接,此时若是连接成功手机上会显示远程链接的提示点击容许或者肯定,以后就能够进行正常的调试了。调试方法和 pc端是同样的。
若是在之后的手机链接时有时候会出现adb启动不了的状况 首先测试adb 是否可用 在命令行中输入
adb connect (www.baidu.com)网址 或者adb start-server
若是提示
adb server is out of date. killing...
则有多是adb 所启动的端口被占用 查找 什么程序占用的 5037 端口
netstat -ano | findstr "5037"
以后若是有程序占用此端口即会显示 此进程的进程ID,查杀此进程便可链接adb。