How to detect platform using Ionic 4

dvtopiya · August 13, 2018, 6:48am

How to get platform information using Ionic 4.

In Ionic 3 , we can do as mentioned below.

    if(this.platform.is('android') || this.platform.is('ios') || this.platform.is('core'))
    {
    }

But this is not working in Ionic 4. Can anyone please help me how to do this in Ionic 4 or what can be the alternate for this?

Sujan12 · August 13, 2018, 9:04am

Depending on what you want to do:

dvtopiya · August 13, 2018, 11:19am

@Sujan12 How to detect desktop browser platform using this because when I tried with below it is not falling in ‘core’ condition.

      if (this.platform.is('core')) {
        alert('core platform');
      } else {
        alert('something else');
      }

Sujan12 · August 13, 2018, 11:45am

No idea, the link I posted only refers to a is('cordova').

shepard · August 23, 2018, 3:52pm

Is there a workaround for this yet?
Detecting ‘core’ or desktop browser in any way other than screen size?

btsiders · August 23, 2018, 6:26pm

This just got updated yesterday. Looks like ‘core’ is supposed to work. I know it doesn’t now, but maybe in the next update?

github.com

ionic-team/ionic/blob/master/core/src/components/platform/readme.md

# platform

The Platform service can be used to get information about your current device. You can get all of the platforms associated with the device using the platforms method, including whether the app is being viewed from a tablet, if it's on a mobile device or browser, and the exact platform (iOS, Android, etc). You can also get the orientation of the device, if it uses right-to-left language direction, and much much more. With this information you can completely customize your app to fit any device.


<!-- Auto Generated Below -->

## Methods

| Method        | Description                                                                                                                                                   |
|---------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------|
| `is`          | Returns true/false based on platform. Available options are android, cordova, core, ios, ipad, iphone, mobile, mobileweb, phablet, tablet, windows, electron. |
| `platforms`   | Returns an array of platforms that the current device matches.                                                                                                |
| `versions`    | Returns an object that contains the major, minor, and patcher version of the current device.                                                                  |
| `ready`       | Returns a promise that resolves when the native bridge is ready in Cordova, or when the DOM is fully loaded in the browser.                                   |
| `isLandscape` | Returns true of false if the device is in landscape.                                                                                                          |
| `isPortrait`  | Returns true of false if the device is in portrait.                                                                                                           |

This file has been truncated. show original

developergeme · August 23, 2018, 7:21pm

I am using

this.isApp = (!document.URL.startsWith(‘http’) || document.URL.startsWith(‘http://localhost:8080’));

So if isApp is true I am running native on Android or IOS else it is in the browser

shepard · August 23, 2018, 10:53pm

@btsiders Great, looking forward to it. Thanks for the heads up.
@developergeme Thanks for that too. I’ll try it tomorrow if there is no update.
Cheers

shepard · August 28, 2018, 6:46pm

Desktop is now detected in 4.0.0-beta.4

dvtopiya · August 29, 2018, 1:05pm

For me it’s still showing android platform while detecting in desktop.

Below is my ionic info :

Ionic:
ionic (Ionic CLI) : 4.1.1 (C:\Users\test\AppData\Roaming\npm\node_modules\ionic)
Ionic Framework : @ionic/angular 4.0.0-beta.1
@angular-devkit/core : 0.7.2
@angular-devkit/schematics : 0.7.2
@angular/cli : 6.1.2
@ionic/ng-toolkit : 1.0.5
@ionic/schematics-angular : 1.0.4

Cordova:

cordova (Cordova CLI) : 8.0.0
Cordova Platforms : android 6.2.3
Cordova Plugins : cordova-plugin-ionic-keyboard 2.0.5, cordova-plugin-ionic-webview 2.0.0, (and 4 other plugins)

System:

Android SDK Tools : 26.1.1 (C:\Users\test\AppData\Local\Android\sdk)
NodeJS : v8.11.3 (C:\Program Files\nodejs\node.exe)
npm : 5.6.0
OS : Windows 10

Sujan12 · August 29, 2018, 1:12pm

Your are still using beta.1.

shepard · August 29, 2018, 2:24pm

Here is a post with some upgrade instructions;

Note: the current is Beta 5 but the desktop detection came in beta 4.

dvtopiya · August 30, 2018, 5:26am

Thanks for upgrade instructions.

Mpeguero · November 6, 2018, 7:54pm

On Ionic 4 Platform is unber ‘@ionic/angular’

import { Platform } from ‘@ionic/angular’;

vivek-23 · May 7, 2019, 2:11pm

I did

console.log(platform.platforms());

to get the platform names when I was debugging on my browser. Note that this gives different platform names if you are testing from real android or ios device.

I also did

if(platform.is('mobileweb')){ .... }

to check if my platform was a browser.

keshavking111 · May 22, 2019, 3:28pm

i get the result same
if (this.platform.is(‘desktop’)) {
alert(‘desktop’);
} else if (this.platform.is(‘ios’)) {
alert(‘ios’);
} else if (this.platform.is(‘android’)) {
alert(‘android’);
// fallback to browser APIs
}
But default http://localhost:8100/home
show the result ‘android’

vivek-23 · May 22, 2019, 3:51pm

I tried console.log(platform.platforms()); and tested this statement in different devices, once on browser and once on real device, it did return different platform values available.

keshavking111 · May 22, 2019, 4:22pm

keshavking111 · May 22, 2019, 4:26pm

i also use second way

But output get on browser

vivek-23 · May 22, 2019, 6:25pm

That’s the thing. It outputs different platforms based on the device. So we can’t predict accurately which platform we are actually on.

Topic		Replies	Views
How to detect browser platform and mobile browser in Ionic 4 project? Ionic Framework	0	750	January 10, 2020
Detect platform in ionic	2	13971	December 2, 2014
Ionic not identify the platforms properly ionic-v3	10	2749	July 25, 2017
Detecting device platform on mobile if app is running in browser ionic-v3	3	7762	July 19, 2021
How to check platform "android" & "browser"? ionic-v3	4	8589	July 19, 2021

How to detect platform using Ionic 4

Related topics