代码调试

本demo提供测试功能,在主页的右上方有一个调试按钮,如图所示:

这是图片

点击按钮弹出一个页面,最上方的地址输入浏览器打开即可,显示如下页面:

注意:

手机和电脑必须在同一局域网内

这是图片

双击打开.html文件,点击浏览器页面中的 运行 按钮,APP首页加载的内容将会变成 这里可以写你的测试页面 提示,说明连接成功,可以进行调试操作。APP显示如下:

这是图片

注意:

如果点击开启log显示,那么通过js调用之后将会打印相关信息,建议通过studio查看log,显示的更为详细。

通过注入JS代码来测试自己代码块

1.不管哪个功能模块,开头必须添加navigator. 之后拼接自己.json文件中配置的name参数,如果此功能插件分几个小功能模块的话,那么需要继续拼接.json文件中的methods 拿此Demo工程为例,拼接结果为:

navigator.test.ckme();

2.第二步需要填充()中的内容,此处已经规范了格式,固定返回一个成功失败方法,例如:

navigator.test.ckme(function(success){alert(success)},function(error){});

双击打开.js文件,覆盖输入此代码,点击运行 ,APP显示如下内容:

这是图片

可以看到,弹出的内容就是我们代码中设置的内容:

这是图片

3.通过js调用传入数据,我们规定格式为{'name':'supcon','gerder':'男性'},以此为例,可自定义内容。

此时修改execute方法中代码逻辑,如图:

这是图片

调用navigator.test.ckme(function(success){alert(success)},function(error){},{'name':'supcon','gerder':'男性'});APP此刻显示内容为::

这是图片

至此简单的调试流程已经完成。

打包上传