大家好:
最近我在做功能修改的时候经常会遇到手机页面的样式以及手机页面特 效方面的各种问题,但是在电脑上又不能直接看到需要调试的js和相关的css,觉得比较头疼,最近发现两个比较好用的工 具推荐给大家,有兴趣的可以试试。
第一款试试uc浏览器的远程调试,现附上文档 (developer.doc),我就不一一解释了。
现将唯一要说明的一点是(一下内容仅以安卓系统和windows系列为例)
adb的安装
1.adb一定要选择最新版本的否则在使用的时候会提示已经过期,下载安卓sdk(http://developer.android.com/sdk/index.html) 管理器。使用sdkmanager首先更新最近的platform-tools
2.将更新好的 platform-tools中的文件(如下图)
拷贝到 C:\Windows\System32文件夹中
3.打开命令行 安装adb 输入命令 adb 如果adb安装成功则会显示它的版本号
4.如果此时你用的是 uc浏览器直接按照说明来继续下去就可以了如果使用的是firefox请继续按照以下步骤操作
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就好了(如果想改变端口数值请使用第6、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。
来源:oschina
链接:https://my.oschina.net/u/559610/blog/203087