Skip to content

Instantly share code, notes, and snippets.

@bastienrobert
Forked from TrevorJTClarke/BrowserDeviceInfo.js
Last active August 15, 2021 09:23
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save bastienrobert/87405eb37cd952c2ac164da6c59bbb81 to your computer and use it in GitHub Desktop.
Save bastienrobert/87405eb37cd952c2ac164da6c59bbb81 to your computer and use it in GitHub Desktop.
List of browsers and devices for use in testing. Useful after Chrome removes HiDPI & MDPI laptop sizes in emulated devices.
var devices = [
{ name: 'Desktop - Huge', width: 2880, height: 1800, ratio: 2, type: 'desktop' },
{ name: 'Desktop - Extra Large', width: 1920, height: 1080, ratio: 1, type: 'desktop' },
{ name: 'Desktop - Large', width: 1440, height: 900, ratio: 1, type: 'desktop' },
{ name: 'Desktop - HiDPI', width: 1366, height: 768, ratio: 1, type: 'desktop' },
{ name: 'Desktop - MDPI', width: 1280, height: 800, ratio: 1, type: 'desktop' },
{ name: 'Laptop with HiDPI screen', width: 1440, height: 900, ratio: 2, type: 'desktop' },
{ name: 'Laptop with MDPI screen', width: 1280, height: 800, ratio: 1, type: 'desktop' },
{ name: 'Laptop with touch', width: 1280, height: 950, ratio: 1, type: 'desktop' },
{ name: 'Tablet - Portrait', width: 768, height: 1024, ratio: 1, type: 'tablet' },
{ name: 'Tablet - Landscape', width: 1024, height: 768, ratio: 1, type: 'tablet' },
{ name: 'Google Nexus 10', width: 1280, height: 800, ratio: 2, type: 'tablet', emulate: true },
{ name: 'Apple iPad', width: 1024, height: 768, ratio: 2, type: 'tablet', emulate: true },
{ name: 'Apple iPad Mini', width: 1024, height: 768, ratio: 1, type: 'tablet', emulate: true },
{ name: 'BlackBerry PlayBook', width: 1024, height: 600, ratio: 1, type: 'tablet', emulate: true },
{ name: 'Amazon Kindle Fire HDX', width: 2560, height: 1600, ratio: 2, type: 'mobile', emulate: true },
{ name: 'Apple iPhone 4', width: 320, height: 480, ratio: 2, type: 'mobile', emulate: true },
{ name: 'Apple iPhone 5', width: 320, height: 568, ratio: 2, type: 'mobile', emulate: true },
{ name: 'Apple iPhone 6', width: 375, height: 667, ratio: 2, type: 'mobile', emulate: true },
{ name: 'Apple iPhone 6 Plus', width: 414, height: 736, ratio: 3, type: 'mobile', emulate: true },
{ name: 'BlackBerry Z30', width: 360, height: 640, ratio: 2, type: 'mobile', emulate: true },
{ name: 'Google Nexus 4', width: 384, height: 640, ratio: 2, type: 'mobile', emulate: true },
{ name: 'Google Nexus 5', width: 360, height: 640, ratio: 3, type: 'mobile', emulate: true },
{ name: 'Google Nexus 6', width: 412, height: 732, ratio: 3.5, type: 'mobile', emulate: true },
{ name: 'Google Nexus 7', width: 960, height: 600, ratio: 2, type: 'mobile', emulate: true },
{ name: 'LG Optimus L70', width: 384, height: 640, ratio: 1.2, type: 'mobile', emulate: true },
{ name: 'Nokia Lumia 520', width: 320, height: 533, ratio: 1.4, type: 'mobile', emulate: true },
{ name: 'Nokia N9', width: 360, height: 640, ratio: 1, type: 'mobile', emulate: true },
{ name: 'Samsung Galaxy Note 3', width: 360, height: 640, ratio: 3, type: 'mobile', emulate: true },
{ name: 'Samsung Galaxy Note II', width: 360, height: 640, ratio: 2, type: 'mobile', emulate: true },
{ name: 'Samsung Galaxy S III', width: 360, height: 640, ratio: 2, type: 'mobile', emulate: true },
{ name: 'Samsung Galaxy S4', width: 360, height: 640, ratio: 3, type: 'mobile', emulate: true }
];
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment