如何移除Cordova应用启动时的默认加载白屏

要去掉启动阶段显示的带Cordova标志的白色界面，有两种实用方案，按需选择：

方案1：替换为自定义启动屏 #

这是最常用的方式，用你自己的启动图覆盖默认的Cordova资源，步骤如下：

• 准备适配不同平台分辨率的启动图片：
  • 安卓需要针对不同dpi（mdpi/hdpi/xhdpi/xxhdpi等）准备横屏、竖屏两种图片；
  • iOS需要对应不同机型的尺寸（iPhone、iPad的不同世代分辨率）。
• 修改项目根目录下的config.xml，添加自定义启动屏的配置，覆盖默认设置：
  安卓平台配置示例：

  <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-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" />
  </platform>
  

  iOS平台配置示例：

  <platform name="ios">
      <splash src="res/screen/ios/Default@2x~iphone.png" width="640" height="960" />
      <splash src="res/screen/ios/Default-375w-667h@2x~iphone.png" width="750" height="1334" />
      <splash src="res/screen/ios/Default-414w-736h@3x~iphone.png" width="1242" height="2208" />
      <splash src="res/screen/ios/Default~ipad.png" width="768" height="1024" />
      <splash src="res/screen/ios/Default@2x~ipad.png" width="1536" height="2048" />
  </platform>
  

• 配置完成后，重新执行cordova build编译项目，打包安装后就能看到自定义的启动屏，默认的Cordova标志界面会被完全替换。

方案2：完全禁用启动屏 #

如果你的应用加载速度足够快，不需要启动屏，可以直接隐藏默认界面：

• 确保项目已安装splashscreen插件（默认Cordova项目自带，若没有则执行：cordova plugin add cordova-plugin-splashscreen）；
• 修改config.xml添加以下配置，让启动屏立即隐藏：

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

• 若需要更精准的控制，可在www/js/index.js的deviceready事件中手动调用隐藏方法：

  document.addEventListener("deviceready", onDeviceReady, false);
  function onDeviceReady() {
      // 设备就绪后立即隐藏启动屏
      navigator.splashscreen.hide();
  }
  

• 重新编译打包后，启动应用时就不会再显示默认的Cordova白色界面。

注意事项 #

• 替换自定义启动屏时，务必保证图片分辨率符合对应平台的要求，否则可能出现拉伸、变形或显示不全的问题；
• 部分安卓机型可能存在系统级的启动过渡动画，这部分无法通过Cordova配置修改，属于系统行为。

内容的提问来源于stack exchange，提问作者massimiliano comunale