解决ionic安卓启动慢及白屏问题

96
OnceWhite
2017.07.10 12:05* 字数 79

ionic3在安卓平台上启动慢导致用户体验不好 以下方法可缩减启动时间

  • 修改app.component.ts
declare const window: any;

@Component({
  templateUrl: 'app.html'
})
export class MyApp {
  rootPage:any = 'TabsPage';

  constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen) {
    
    if (window.cordova) {
      document.addEventListener("deviceready", () => {
        // retrieve the DOM element that had the ng-app attribute
        statusBar.styleLightContent();
        //延迟隐藏闪屏 防止有白屏
        window.setTimeout(() => {
          splashScreen.hide();
        }, 500);
        // 代码开始


        if (platform.is("ios")) {
          console.log('this is ios');
        } else if (platform.is("android")) {
          console.log('this is android');
        }

      }, false);
    } else {
      console.log('web 模式');
      // 代码开始
    }
  }
}
  • 打包
ionic cordova build android  --prod --release

最终启动时间大概在3秒左右,根据项目而定。

ionic3平台android端启动页面闪屏8秒、应用启动慢的问题

ionic