Skip to content
This repository has been archived by the owner on May 23, 2023. It is now read-only.

💻 A cordova plugin to get the physical size of the device screen

License

Notifications You must be signed in to change notification settings

pbakondy/cordova-plugin-screensize

Repository files navigation

cordova-plugin-screensize

npm Platform Donate

A cordova plugin to get the size of the device screen.

Installation

cordova plugin add cordova-plugin-screensize

Supported Platforms

  • Android
  • iOS
  • OSX
  • Browser

Usage

document.addEventListener("deviceready", onDeviceReady, false);

function onDeviceReady() {
  window.plugins.screensize.get(successCallback, errorCallback);
}

function successCallback(result) {
  console.log(result);
}

The plugin returns a JSON object with the screen sizes.

Android Platform Quirks

Return values:

  • width <Number> − screen width in pixels
  • height <Number> − screen height in pixels
  • xdpi <Number> − physical pixels per inch of the screen in the X dimension
  • ydpi <Number> − physical pixels per inch of the screen in the Y dimension
  • diameter <Number> − screen diameter in inches (rounded to two decimals)
  • densityValue <Number> − density point (0.75, 1.0, 1.5, 2.0, 3.0, 4.0)
  • densityBucket <String> − density bucket (ldpi, mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi)

About density properties see this Android docs and this Device metrics page.

Known Issues

The correct device metrics setting is the manufacturer's responsibility. In a few cases the xdpi and ydpi values are wrong and the diameter calculation returns an incorrect number.

See DEVICES page

iOS Platform Quirks

iOS has no public API for getting the device's PPI.

The plugin returns the rendered pixels of the screen.

Return values:

  • width <Number> − rendered pixel width
  • height <Number> − rendered pixel height
  • scale <Number> − render scale (1× or 2× or 3×)

OSX Platform Quirks

Return values:

  • width <Number> − screen width in pixel
  • height <Number> − screen height in pixel
  • physicalWidth <Number> − width of the display in millimeters
  • physicalHeight <Number> − height of the display in millimeters
  • dpi <Number> − physical pixels per inch of the display

Browser Platform Quirks

The plugin returns the dimensions of the viewport. You can't get the real physical dimensions or the actual DPI of the browser ( see ).

Return values:

  • width <Number> − viewport width in pixels
  • height <Number> − viewport height in pixels

Author

Peter Bakondy

LICENSE

cordova-plugin-screensize is licensed under the MIT Open Source license. For more information, see the LICENSE file in this repository.

About

💻 A cordova plugin to get the physical size of the device screen

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published