Cordova 12.0.0启动屏默认图标：如何跳过或替换？

一、替换Cordova默认启动屏图标 #

Cordova启动屏由cordova-plugin-splashscreen插件管理，可通过自定义资源替换默认图标：

1. 准备适配多平台的启动屏资源

   • 按照各平台要求的分辨率制作启动屏图片（比如Android需配套不同dpi的竖屏/横屏图，iOS需对应不同设备尺寸的启动图）
   • 将图片统一放在项目根目录的res/screen文件夹下，无此文件夹则手动创建

2. 修改config.xml配置
   在项目的config.xml中添加或更新启动屏配置，指定自定义图片路径：

   <!-- Android平台配置示例 -->
   <platform name="android">
       <splash src="res/screen/android/splash-land-hdpi.png" density="land-hdpi" />
       <splash src="res/screen/android/splash-land-mdpi.png" density="land-mdpi" />
       <splash src="res/screen/android/splash-land-xhdpi.png" density="land-xhdpi" />
       <splash src="res/screen/android/splash-land-xxhdpi.png" density="land-xxhdpi" />
       <splash src="res/screen/android/splash-land-xxxhdpi.png" density="land-xxxhdpi" />
       <splash src="res/screen/android/splash-port-hdpi.png" density="port-hdpi" />
       <splash src="res/screen/android/splash-port-mdpi.png" density="port-mdpi" />
       <splash src="res/screen/android/splash-port-xhdpi.png" density="port-xhdpi" />
       <splash src="res/screen/android/splash-port-xxhdpi.png" density="port-xxhdpi" />
       <splash src="res/screen/android/splash-port-xxxhdpi.png" density="port-xxxhdpi" />
   </platform>
   
   <!-- iOS平台配置示例 -->
   <platform name="ios">
       <splash src="res/screen/ios/Default@2x~iphone.png" width="640" height="960" />
       <splash src="res/screen/ios/Default@3x~iphone.png" width="1242" height="2208" />
       <splash src="res/screen/ios/Default-667h.png" width="750" height="1334" />
       <splash src="res/screen/ios/Default-Landscape@3x.png" width="2208" height="1242" />
       <splash src="res/screen/ios/Default-Portrait@2x~ipad.png" width="1536" height="2048" />
   </platform>
   

3. 重新构建项目
   执行命令让配置生效：

   cordova build
   

二、跳过/禁用启动屏 #

若不需要启动屏，可通过两种方式实现：

方法1：卸载启动屏插件 #

直接移除cordova-plugin-splashscreen插件：

cordova plugin remove cordova-plugin-splashscreen

方法2：配置启动屏立即隐藏 #

保留插件但设置启动屏加载后立刻隐藏，修改config.xml：

<preference name="SplashScreenDelay" value="0" />
<preference name="AutoHideSplashScreen" value="true" />
<preference name="ShowSplashScreenSpinner" value="false" />

也可在JS代码中手动触发隐藏：

document.addEventListener("deviceready", function(){
    navigator.splashscreen.hide();
});

注意：部分应用商店可能要求必须配置启动屏，这种情况下优先选择替换图标方案，避免审核问题。

内容的提问来源于stack exchange，提问作者Sanjid Mishu