cordova使用以及真机调试,浏览器调试

创建插件

点击参考此文–超详细手把手教你cordova开发使用指南+自定义插件

插件修改注意事项–很重要

每次对自己代码目录里面任何内容进行修改后 都需要重新删除添加插件

  • cordova rm
  • cordova add
  • cordova prepare

当你的插件已经用到了项目里,但是发现出了问题需要修改插件代码,你需要执行的命令示例 请注意区分自己项目目录,和插件目录,不是一个哦,下面举例代码中,startupdb为插件目录,splugin为自己项目目录

进入自己的项目目录
PS C:\jin_files\code\cordova_plugin\startupdb> cd ..\splugin\
删除项目中的这个有问题的插件,记得后面那个是插件的ID哦
PS C:\jin_files\code\cordova_plugin\splugin> npx cordova plugin rm com.pwc.startupdb
这个时候你赶快去修改插件代码吧,修改好就继续执行~~~
重新添加插件,后面那个是插件相对路径
PS C:\jin_files\code\cordova_plugin\splugin> npx cordova plugin add ..\startupdb\
安装插件依赖
PS C:\jin_files\code\cordova_plugin\splugin> npx cordova prepare 
删除代码里的平台
PS C:\jin_files\code\cordova_plugin\splugin> npx cordova platform rm android
含泪重新安装平台
PS C:\jin_files\code\cordova_plugin\splugin> npx cordova platform add android
重新跑起来
PS C:\jin_files\code\cordova_plugin\splugin> npx cordova run android

使用浏览器进行调试-建立基础是手机已插入

插上手机进行真机调试

运行命令 npx cordova run android

cordova 关机 cordova 调试_安卓

在浏览器中输入这个,回车

chrome://inspect/#devices

等待手机项目启动成功

cordova 关机 cordova 调试_cordova_02

刷新这个页面,如果没有出现手机的这个,继续刷新,或等待一分钟再刷新,会出来你手机对应的这个

cordova 关机 cordova 调试_android_03

点击inspect 这里有个重点:需要科 啊 学 啊 上 啊 网 啊 才可以打开这个页面

cordova 关机 cordova 调试_安卓_04

现在就可以像浏览器一样调试你的项目啦~~

cordova 关机 cordova 调试_cordova 关机_05

插件测试调用成功

cordova 关机 cordova 调试_js_06


cordova 关机 cordova 调试_android_07

碎碎念注意事项~~

自己的项目每次修改完config.xml都需要重新添加平台的哦

所以直接修改platforms里面任何代码重新添加时候就会丢失,因为它是从外面的那个自定义插件里生成的东西,所以需要重新搞一下,但是如果你改错地方了,就凉了,感觉十分不好用…

每次有更新或者修改都需要保证 platform 和 plugin 的完全兼容,任意报错,都不能恢复到原来管用的样子。

  • cordova platform rm android
  • cordova platform add android

综上所述,我决定去体验一把capacitor…感受一下新工具吧~~

cordova 关机 cordova 调试_js_08

欢迎路过的小哥哥小姐姐们提出更好的意见哇~~