Cordova

版本：12

概述

https://cordova.apache.org/docs/en/12.x/guide/overview/index.html

获取

前置环境

Node

JDK 11

安装

npm install -g cordova

使用

创建项目

cordova create project-name com.example.hello HelloWorld

平台

添加平台

支持平台：

• browser
• android
• ios
• electron

cordova platform add android

检查平台前置环境是否满足

 cordova requirements

cordova platform ls

定制

应用图标

https://cordova.apache.org/docs/en/12.x/config_ref/images.html

config.xml 中

  <icon src="res/android/icon.png" platform="android" width="57" height="57" density="mdpi" />

启动画面

https://cordova.apache.org/docs/en/12.x/core/features/splashscreen/index.html

插件

访问原生能力需要用到插件，当然插件不止于这一能力。

添加插件

cordova plugin add plugin-name

查询已安装插件

cordova plugin

社区插件

构建

全平台构建：

cordova build

特定平台构建：

cordova build platform-name

测试

模拟器测试

重新构建并部署到模拟器：

cordova emulate 

特定模拟器测试：

cordova emulate android

真机测试

cordova run android

版本管理

https://cordova.apache.org/docs/en/12.x/platform_plugin_versioning_ref/index.html

更新

查看当前版本

cordova -v

查看新版本

npm info cordova version

本体更新

npm update -g cordova

平台更新

cordova platform update platform-name --save

优化

性能

meta 元素的视口属性值用 width=device-width，以此规避 300 毫秒点击延迟。

动画使用硬件加速的 CSS transitions ，而不是 JS 的 DOM 操作。

定制

钩子

https://cordova.apache.org/docs/en/12.x/guide/appdev/hooks/index.html

插件

https://cordova.apache.org/docs/en/12.x/guide/hybrid/plugins/index.html

黑猫