Started a new Ionic 4 sidemenu app and added Platform. Code below, on Safari and Chrome it returns Android for Platform and Versions. Any suggestions?? BTW, when running in iOS simulator the correct values are returned.
import { Component } from '@angular/core';
import { Platform } from "@ionic/angular";
import { Device } from '@ionic-native/device/ngx';
@Component({
selector: 'app-page-home',
templateUrl: 'home.page.html',
styleUrls: ['home.page.scss'],
})
export class HomePage {
myDevice: string;
myHeight: any;
myWidth: any;
myPlatforms: any;
myVersions: any;
constructor(public platform: Platform, private device: Device)
{
platform.ready().then(() => {
this.onDeviceReady();
});
}
onDeviceReady() {
if(this.platform.is('ios')){
this.myDevice = 'ios';
}
if(this.platform.is('android')){
this.myDevice = 'android';
}
if(this.platform.is('mobileweb')){
this.myDevice = 'web';
}
if(this.platform.is('core')){
this.myDevice = 'web';
}
this.myHeight = this.platform.height();
this.myWidth = this.platform.width();
this.myPlatforms = this.platform.platforms();
this.myVersions = JSON.stringify(this.platform.versions());
console.log('Device UUID is: ' + this.device.uuid);
console.log('Device platform is: ' + this.device.platform);
console.log('Device verision is: ' + this.device.version);
}
}
Results:
My Ionic Info:
Ionic:
ionic (Ionic CLI) : 4.0.1 (/usr/local/lib/node_modules/ionic)
Ionic Framework : @ionic/angular 4.0.0-beta.0
@angular-devkit/core : 0.7.0-rc.3
@angular-devkit/schematics : 0.7.0-rc.3
@angular/cli : 6.0.8
@ionic/ng-toolkit : 1.0.0
@ionic/schematics-angular : 1.0.0
Cordova:
cordova (Cordova CLI) : 8.0.0
Cordova Platforms : ios 4.5.5
System:
ios-deploy : 1.9.2
ios-sim : 5.0.13
NodeJS : v9.5.0 (/usr/local/bin/node)
npm : 6.2.0
OS : macOS High Sierra
Xcode : Xcode 9.4.1 Build version 9F2000
Environment:
ANDROID_HOME : not set