使用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.οnlοad=function()
  {
  document.addEventListener(“deviceready” ,
  function()
  {
  navigator.splashscreen.hide();
  },
  false);
  }

• cordova prepare，cordova run 编译运行