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

Question

我在Ionic 2上使用了适用于Android的Crosswalk插件，并且注意到在实际设备上运行时，这会产生不一致的结果：

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

有时我的高度和宽度都> 0：在这种情况下，它可以工作。

有时我得到的高度和宽度== 0：在这种情况下，它不起作用。

我的假设是，Crosswalk中可能会发生另一个事件，通知它已准备好显示正确的高度和宽度。

我环顾了这个Crosswalk网络api页面，但没有找到想要的东西。

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. 请首先尝试使用window.innerHeight和window.innerWidth来获取设备的高度和宽度。
2. 尝试

 // 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. 在Ionic 2中删除Crosswalk，以检查系统Webview是否可以获得正确的结果，那么应该是Crosswalk问题而不是Ionic问题。

相关主题： https : //forum.ionicframework.com/t/how-to-get-device-width-and-height/28372