适用于Android的Ionic 2 Crosswalk：this.platform.ready（）事件上的this.platform.height（）/ width（）结果不一致

Question

I use Crosswalk plugin for Android with Ionic 2 and I've noticed, when running on a real device, that this gives an inconsistent result:

this.platform.ready().then(() => {
        console.log("this.platform.height(): " + this.platform.height() + " / this.platform.width(): " + this.platform.width());
});

Sometimes I get height and width both > 0: in this case it works.

Sometimes I get height and width == 0: in this case it does not work.

My assumption is that there might be another event in Crosswalk to notify that it is ready to display the right height and width.

I had a look around this Crosswalk web api page but I did not find what I was looking for.

Answer 1

https://ionicframework.com/docs/v2/api/platform/Platform/

width()
Gets the width of the platform’s viewport using window.innerWidth. Using this method is preferred since the dimension is a cached value, which reduces the chance of multiple and expensive DOM reads.
height()
Gets the height of the platform’s viewport using window.innerHeight. Using this method is preferred since the dimension is a cached value, which reduces the chance of multiple and expensive DOM reads.

1. Please try using window.innerHeight and window.innerWidth to get height and width of the device at first.
2. Try

 // Add readySource to check if platform ready was used. The resolved value is the readySource, which states which platform ready was used. // For example, when Cordova is ready, the resolved ready source is cordova. The default ready source value will be dom. import { Component } from '@angular/core'; import { Platform } from 'ionic-angular'; @Component({...}) export MyApp { constructor(platform: Platform) { platform.ready().then((readySource) => { console.log('Platform ready from', readySource); console.log('Width: ' + platform.width()); console.log('Height: ' + platform.height()); }); } 

3. Remove Crosswalk in Ionic 2 to check if system webview can get correct results, then it should be Crosswalk issue rather than Ionic issue.

Relevant topic: https://forum.ionicframework.com/t/how-to-get-device-width-and-height/28372