cordova程序如何调适js－iOS平台-android平台

调适cordova程序并不是那么容易的一件事，最近在网上查了很多资料都不是很满意，在网上找到一个关于调适cordova的视频（https://www.youtube.com/watch?v=IouRD05fqmo），但是国内访问不了，而且是英文版的，我觉得还不错，挺有用的，就把它写在这里，图片比较多，可能加载比较慢，转载请注明出处哦～

一、iOS平台 safari remote debugging

step1:建立工程

需要在mac上，建立一个添加ios平台的cordova程序（这个我也花了好久，具体请参照官网和网上的一些教程）

step2:设置模拟器

在xcode上运行起程序，启动模拟器。

然后按cmd+shift+h,找到设置(Setting) - Safari  - Advanced - Web Inspector选择打开，如下图。

 

step3:设置Safari，进入调适界面

在Mac上打开Safari,考虑到有没设置好Safari开发的情况，点击Safari - 偏好设置

然后在 高级－打勾 －在菜单栏中显示“开发”菜单，如下图。

这时候再重新运行程序， 打开Safari,点击－开发－iOS simulator -index.html，如下图。

就进入到调适界面了！

step4:利用console 和 下断点进行调适

终于进入正题了，我们先利用console台进行调适，在下面的console 台中输入alert("debug");然后回车，右边的模拟机立即回弹出alert.

接下来我们利用下断点进行调适，

点击左边的资源－index.js,

然后在Js文件中的某一个语句出打下断点，然后按cmd+R重新刷新页面，就可以将程序运行到下断点的地方了。

如下图。

有了这个，调适cordova程序是不是方便很多了～

二、android平台 chrome remote debugging

step 1:建立android平台的cordova程序

调适android平台比iOS平台要简单许多，首先依然是在android studio上运行起来cordova程序，并且用模拟器打开。

step 2: 通过chrome developer调适

打开chrome，并在地址栏输入 about:inspector， 如下图：

然后页面会跳转，我们点击inspect

然后我们进入 chrome developer,那个像手机的图标可以让浏览器模拟手机屏幕，如下图

这样我们就可以进入 chrome调适程序了

如下图

用chrome来调适程序大家都比较熟了吧，类似上面iOS，就不重复了。

希望这些能对你有用，以及其他一些调适用到的工具，等我之后看明白，运行起来再更新，如果你觉得好，请留言鼓励我一下吧～～