Skip to content

Instantly share code, notes, and snippets.

@TrevorJTClarke
Created September 1, 2015 17:52
Show Gist options
  • Save TrevorJTClarke/27896c197a34e597a8a6 to your computer and use it in GitHub Desktop.
Save TrevorJTClarke/27896c197a34e597a8a6 to your computer and use it in GitHub Desktop.
A quick list of browsers and devices for use in testing. Chrome is used for all devices that need simulation.
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 }
];
@Saabbir
Copy link

Saabbir commented Jun 14, 2021

Very helpful! Thanks for putting this.

@ola-dola
Copy link

Looks like chrome removed the laptop specs from the devices list, so this was very helpful. Thanks.

@mesaglam
Copy link

Came here after chrome update. Thanks...

@mldyh
Copy link

mldyh commented Oct 8, 2021

Very helpful after can't find any laptop or desktop size

@NikolajDL
Copy link

Any tips on how to add these easily to the list of emulated devices, without manually typing it into the Chrome Settings form?

@mgscreativa
Copy link

Coooool! Thanks!

@ATouhou
Copy link

ATouhou commented Oct 24, 2024

Thanks!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment