Newer Version Available
$Browser
The $Browser global value
provider returns information about the hardware and operating system of the browser
accessing the application.
| Attribute | Description |
|---|---|
| formFactor | Returns a FormFactor enum
value based on the type of hardware the browser is running on.
|
| isAndroid | Indicates whether the browser is running on an Android device (true) or not (false). |
| isIOS | Not available in all implementations. Indicates whether the browser is running on an iOS device (true) or not (false). |
| isIPad | Not available in all implementations. Indicates whether the browser is running on an iPad (true) or not (false). |
| isIPhone | Not available in all implementations. Indicates whether the browser is running on an iPhone (true) or not (false). |
| isPhone | Indicates whether the browser is running on a phone including a mobile phone with a browser and a smartphone (true), or not (false). |
| isTablet | Indicates whether the browser is running on an iPad or a tablet with Android 2.2 or later (true) or not (false). |
| isWindowsPhone | Indicates whether the browser is running on a Windows phone (true) or not (false). Note that this only detects Windows phones and does not detect tablets or other touch-enabled Windows 8 devices. |
Example
This example shows usage of the $Browser global value provider.
1<aura:component>
2 {!$Browser.isTablet}
3 {!$Browser.isPhone}
4 {!$Browser.isAndroid}
5 {!$Browser.formFactor}
6</aura:component>Similarly, you can check browser information in a client-side controller using $A.get().
1({
2 checkBrowser: function(component) {
3 var device = $A.get("$Browser.formFactor");
4 alert("You are using a " + device);
5 }
6})