• cordova第三方插件的创建,修改以及调试指南真机调试,浏览器调试


    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

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

    chrome://inspect/#devices

    等待手机项目启动成功

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

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

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

    插件测试调用成功


    碎碎念注意事项~~

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

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

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

    • cordova platform rm android
    • cordova platform add android

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

    在这里插入图片描述

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

  • 相关阅读:
    跨域
    redis安装
    iframe操作
    element-ui 合并相邻的相同行 span-method
    函数实现 a?.b?.c?.d
    git 使用流程 命令
    svg用作背景图
    js中的位运算符 ,按位操作符
    二十三种设计模式[23]
    二十三种设计模式[22]
  • 原文地址:https://www.cnblogs.com/sugartang/p/15872603.html
Copyright © 2020-2023  润新知