cordova 项目添加splash启动界面

需求：cordova项目启动添加启动界面，并在设备初始化完成后自动隐藏splash

 

 

1.新建项目

cordova create Mypro com.test.pro proName

2.添加平台

cd Mypro（进入目录）

cordova platform add android

cordova platform add iOS

3.添加splash插件

cd plugins（进入到plugins目录）

cordova plugin add org.apache.cordova.splashscreen

4.对于android应用

修改config.xml配置文件

添加

    <preference name="SplashScreen" value="screen" /> <!-- 不带后缀png的文件名，默认是screen-->
    <preference name="SplashScreenDelay" value="3000" /> <!-- Splash显示时间，默认是3000ms-->
    <feature name="SplashScreen">
        <param name="android-package" value="org.apache.cordova.splashscreen.SplashScreen" />

    </feature>

5.修改启动图片

将工程下默认的启动图片screen.png换成自己的启动图片

6.在设备初始化完成后隐藏启动图片

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

这样子就完成了