WeX5本地App（Android和IOS）使用电脑（PC）调试

环境准备

如果要调试，可以使用快捷打包模式生成App，默认就是调试模式；使用打包服务器打包的化，一定不要勾选“发布模式”选项。

通过上面的步骤生成App并安装到手机上，接下来介绍如何使用电脑调试。

Android

可以使用Windows系统或者Mac OS X系统，这里以Windows系统为例。

1. 爬墙技术。由于某特色，这里需要做点技巧以保证正常访问google的服务器。可以使用hosts替换dns方法来解决，步骤为：

a. 复制C:\Windows\System32\drivers\etc下的hosts到桌面

b. 用记事本打开hosts文件，在最后增加

203.208.46.178 chrome-devtools-frontend.appspot.com

由于ip不定期会访问不了，可以通过http://serve.netsh.org/pub/gethosts.php获取最新的可用ip。

c. 复制桌面上的hosts文件到C:\Windows\System32\drivers\etc
这里先要复制出来在复制进去是由于Windows7以及以上系统的安装策略导致不能直接修改，WinXP的化可以直接修改。

2. 安装chrome32以及以上版本

3. 把手机的使用USB调试选项打开，在系统设置的开发人员选项里面 。android 4.2以及以上版本如果系统设置里面没有开发人员选项，可以在设置的关于里面连续点击“版本号”N次，则在设置里面会多出开发人员选项。

4. 把手机用数据线接到电脑上，系统会识别出手机，可以在我的电脑管理里面看看设备管理器中有没有未识别的USB设备，如果没有，那说明驱动正常，如果有感叹号，建议安装XX助手、豌豆荚之类的，会自动安装驱动。

5. 手机打开安装好的应用，并打开需要调试的页面

6. 启动chrome，并输入

如果驱动没问题，页面中会列出手机和显示打开的页面，点inspect就可以打开监控页面，这样就和调试普通web页面一样调试WeX5写的页面了。

IOS

IOS必须使用Mac OS X下的Safari，在Windows下的Safari在2012已经停止开发，不支持调试。

1. 设置手机允许调试。在手机的设置里面

关闭：设置\Safari\不跟踪

打开：设置\Safari\高级\Web检查器

2. 设置Safari允许调试。打开Safari\偏好设置

3. 手机打开安装好的应用，并打开需要调试的页面

4. 启动Safari，在菜单中的IOS Simulate中选择对应的页面即可调试

参考资料：

https://developer.chrome.com/devtools/docs/remote-debugging

http://phonegap-tips.com/articles/debugging-ios-phonegap-apps-with-safaris-web-inspector.html