Cordova 打包web到各个平台,以下信息主要针对Anderoid平台, 其他参考官网即可
1.App ICON
参考官网: https://cordova.apache.org/docs/en/latest/config_ref/images.html
官网的文件路径都没有说出来,有时候让人很蒙
参照官网 修改${CordovaProjectRoot}/Config.xml
,不要到其他目录寻找,还有其中一些文件路径是res/android/****
,没有res目录直接在根目录创建${CordovaProjectRoot}/res
<platform name="android">
<!--
ldpi : 36x36 px
mdpi : 48x48 px
hdpi : 72x72 px
xhdpi : 96x96 px
xxhdpi : 144x144 px
xxxhdpi : 192x192 px
-->
<icon src="res/android/ldpi.png" density="ldpi" />
<icon src="res/android/mdpi.png" density="mdpi" />
<icon src="res/android/hdpi.png" density="hdpi" />
<icon src="res/android/xhdpi.png" density="xhdpi" />
<icon src="res/android/xxhdpi.png" density="xxhdpi" />
<icon src="res/android/xxxhdpi.png" density="xxxhdpi" />
</platform>
目录机构如下:
2.启动页面SplashScreen
启动页面必须使用Cordova提供的插件: Cordova-Plugin-Splashscreen
参考官网: https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-splashscreen/
projectRoot
hooks
platforms
plugins
www
css
img
js
res
screen
android
ios
windows
3. icon和splashscreen的规格
3.1 icon图标尺寸:
drawable-hdpi-icon 7272
drawable-ldpi-icon 3636
drawable-mdpi-icon 4848
drawable-xhdpi-icon 9696
drawable-xxhdpi-icon 144144
drawable-xxxhdpi-icon 192192
3.2 启动页:
横屏 高×宽
drawable-land-hdpi-screen 480800
drawable-land-ldpi-screen 200320
drawable-land-mdpi-screen 320480
drawable-land-xhdpi-screen 7201280
drawable-land-xxhdpi-screen 9601600
drawable-land-xxxhdpi-screen 12801920
竖屏 高×宽
drawable-port-hdpi-screen 800480
drawable-port-ldpi-screen 320200
drawable-port-mdpi-screen 480320
drawable-port-xhdpi-screen 1280720
drawable-port-xxhdpi-screen 1600960
drawable-port-xxxhdpi-screen 19201280