Mac上调试安卓版微信webview

24 Jul 2015

Author:wuguanxi

0、前言

公司很多营销活动在微信上进行，还记得第一次配置微信JSSDK时候的痛，很多时候调试还要alert出来T_T，现在用这个可以直接在Chrome中console出来了。

P.S 本文安装环境是OS X 10.10.4 Yosemite 优胜美地。本文安装按照这篇文章实现。

windows用户按照上面的链接来配置就好了，下面文章是MAC安装时的痛点。

1、升级python

MAC系统自带python，不过版本较低，是2.7的。然后我们需要升级到3.4

按照这篇文章(百度知道)进行python的升级替换，但与文章不同的是，我没有删除旧版本。

升级完成后查看一下版本号。


wuguanxideMacBook-Pro:m.quyundong.com wuguanxi$ python -V
Python 3.4.3

第一步就ok

2、安装ADB

ADB的全称为Android Debug Bridge，就是起到调试桥的作用，是安卓开发必装的。

然后突然想起之前装过android sdk，ADB就在那里面。下面是引用：

ADB，不少人可能都没听说过，其是Android手机中非常重要的一个运行器，root等等都需要它。而它，也是帮助Android手机和Mac通讯的工具和桥梁。Mac上默认是没装的，如果你用Mac做过Android开发的话，那你应该比较清楚。我只针对那些没做过的哦。搞定ADB之前，你先要去下载一个Android的SDK Manager，地址在这里(需要翻墙)。下载里面的stand-alone sdk tools。然后不要迟疑，解压缩，放的位置嘛，还是一个比较好找到它的位置。你以为这样就OK了？那你错了。ADB根本不在里面。打开android-sdk-macosx/tools，里面有个Android的可执行文件，双击它。它打开了一个窗口，还有一堆的列表。通过这里可以下载各种版本的Android SDK，你默认的会装好里面的Android SDK Tools，而你需要的是安装其下面的Android SDK platform-tools！千万别装错，也千万别不装。因为，ADB就在这里面！！不装，后面配环境等等都是白搭！装好后，你会发现android-sdk-macos下面，多了一个文件夹platform-tools，ADB终于在面前了。

3、配置ADB的环境变量

打开终端，回到根目录，输入vim ~/.bash_profile
python的环境变量已经在里面了。下面就在里面，照着python，输入ADB的环境变量吧。PATH="/Users/Adrian/Work/worktools/android-sdk-macosx/platform-tools:${PATH}"。保存退出。输入source .bash_profile，执行一下环境变量，然后输入下adb，是不是出现了一堆的参数说明？OK，那ADB的环境变量就配置好了。

关键时刻到了。手机通过数据线连接到电脑，打开USB调试，然后在MAC的终端输入adb devices 出现一下类似的代码就表示ADB配置成功了。


* daemon not running. starting it now on port 5037 *
* daemon started successfully *
List of devices attached 
0197c2348055aae6        device

4、最后的步骤

按照标准终端方法回到inspector_client20150401目录

输入sudo chmod +x ./platforms/mac/adb

输入python inspector.py --adb YOUR/ADB/PATH

我的路径是 python inspector.py -db /Users/wuguanxi/android-sdk-macosx/platform-tools/adb


Adb port forwarding.
('Serving HTTP on', '0.0.0.0', 'port', 9223, '...')

出现这个就成功了。可以在chrome的地址栏输入 localhost:9222/ 就可以看到调试页面。

如果出现链接不上可以选择重新拔数据线，或者重装微信，然后重装TBS内核调试器。