使用cordova插件解决ionic页面在手机上启动出现黑频问题

必要条件：安装cordova环境

添加cordova-plugin-splashscreen插件

在cordova项目中打开cmd添加插件

cordova plugin add cordova-plugin-splashscreen

插件添加完后可通过cordova plugin ls查看是否添加成功，也可在项目中查看plugins文件夹中是否有cordova-plugin-splashscreen文件夹。

添加图片

找一个png文件作为闪屏展示，拷贝到platforms/android/res/drawable文件夹中，不过这个文件存储的是默认闪屏文件，在不同的设备上因为缩放可能会变形，为了能在不同设备上显示得更好，发布时最好做成不同分辨了的图，放在-platforms/android/res/drawable*中：

xlarge (xhdpi): at least 960 × 720

large (hdpi): at least 640 × 480

medium (mdpi): at least 470 × 320

small (ldpi): at least 426 × 320

修改config.xml文件

在config.xml文件中添加以下代码：

//该value的值为添加的图片的名称
<preference name="SplashScreen" value="blue" />
//该闪屏图片显示的时长
<preference name="SplashScreenDelay" value="5000" />
//如果设置为真,闪屏不是伸展以适应屏幕,而是简单地“覆盖”屏幕,像CSS中的“background-size:cover”。
<preference name="SplashMaintainAspectRatio" value="false" />
//是否只在应用启动时出现，默认为true
<preference name="SplashShowOnlyFirstTime" value="true" />

修改index.html

为了使闪频在应用初始化后消失，在index.html页面中添加以下代码，使闪频消失：

app.initialize();

window.onload=function()

{

document.addEventListener(“deviceready” ,

function()

{

navigator.splashscreen.hide();

},

false);

}

cordova prepare，cordova run 编译运行