Cordova 打包web到各個(gè)平臺(tái)，以下信息主要針對(duì)Anderoid平臺(tái)， 其他參考官網(wǎng)即可

1.App ICON

參考官網(wǎng)： https://cordova.apache.org/docs/en/latest/config_ref/images.html
官網(wǎng)的文件路徑都沒有說出來，有時(shí)候讓人很蒙
參照官網(wǎng) 修改${CordovaProjectRoot}/Config.xml，不要到其他目錄尋找，還有其中一些文件路徑是res/android/****，沒有res目錄直接在根目錄創(chuàng)建${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>

目錄機(jī)構(gòu)如下：

image.png

2.啟動(dòng)頁面SplashScreen

啟動(dòng)頁面必須使用Cordova提供的插件: Cordova-Plugin-Splashscreen
參考官網(wǎng): 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的規(guī)格

3.1 icon圖標(biāo)尺寸：

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 啟動(dòng)頁：

橫屏 高×寬

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

參考

cordova 更改app的圖標(biāo)
cordova啟動(dòng)頁面和圖標(biāo)的設(shè)置