Setup Chrome Screen Sizes

August 12, 2018

Adding a quick selection to Chrome/Electron

  1. Open Inspector. (On mac: ⌘ + ⌥ + i)
  2. Toggle Device Toolbar. (On mac ⌘ + ⇧ + m)
  3. Select the device selection dropdown.
  4. Select Edit... at the bottom of the list.
  5. Select Add custom device....
  6. Enter in details from table above.
  7. Select Desktop as the device type (non-touch).
  8. Select “Add”.
  9. Repeat as required.

You can now select your custom device types in the device selection dropdown.

Written by Oliver Smit. I love talking about web technologies, good design practices, optimising productivity, and rapid prototyping of projects. Check out my work on Github