代码调试
本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此刻显示内容为::
至此简单的调试流程已经完成。