Skip to content

Instantly share code, notes, and snippets.

@andrewodri
Created January 22, 2018 19:39
Show Gist options
  • Save andrewodri/a649f1d6ed482a1bbef16a522e26c640 to your computer and use it in GitHub Desktop.
Save andrewodri/a649f1d6ed482a1bbef16a522e26c640 to your computer and use it in GitHub Desktop.
High resolution (i.e. printable) screenshots in Chrome
  1. Navigate to chrome://flags/#enable-use-zoom-for-dsf and change to "Enabled"
  2. Navigate to https://maps.google.com and open Developer Tools (Cmd + Alt + I)
  3. In the top left corner of the Developer Tools panel, click "Toggle device toolbar" (Cmd + Shift + M)
  4. In the top right corner of the Developer Tools panel, open the menu and select Settings (F1), then select Devices
  5. Click on the "Add Custom Device" button, and enter your desired resolution and pixel ratio:
  • Width & Height: Each dimension should be 72 * inches
  • Device pixel ration: This value should be printResolution / 72
  1. In the device toolbar, select the new device you have created
  2. Hard refresh the page
  3. In the top right corner of the device toolbar, open the menu and select Capture full size screenshot
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment