Plenty of manufacturers make Chromebooks, including Acer, HP, Samsung and Lenovo. While sleek and pricey Apple or Windows laptops are tempting, chances are you don't need more than a Chromebook to get the job done. Chromebooks use Google's user-friendly Chrome OS, and boast an impressive battery life for all-day work and play. They're some of the most budget-friendly computers on the market right now, and are perfect if you just need something for the basics like checking email and browsing the web. To view a page in print preview mode, open the DevTools main menu, select More Tools > Rendering, and then enable the Emulate CSS Media checkbox with the dropdown menu set to print.If you want a laptop that's portable, affordable and easy to use, you're probably better off with a Chromebook. The naming of settings have changed once again: To view a page in print preview mode, open the DevTools main menu, select More Tools > Rendering Settings, and then enable the emulate media checkbox with the dropdown menu set to print. Google Developers Docs around Chrome DevTools and the 'Emulate Media' option have been updated for Chrome >51: However, the Print Media Emulator has moved (again): Unfortunately, it seems the docs have not been updated in regards to print emulation. Then, select Media in the emulation drawer.

more overrides icon in the top right corner of the browser viewport.

Open the DevTools emulation drawer by clicking the More overrides The updated docs regarding Media type emulation can be found here: Preview styles for more media types.

The DevTools docs have moved and the above link provides inaccurate information.

For the Emulate CSS Media dropdown, select print. Start typing Rendering and select Show Rendering.ģ.

( tl dr Cmd+Shift+P (Mac) or Ctrl+Shift+P (Windows, Linux))Ģ. The updated DevTools doc can be found here: View a page in print mode.ġ. You can use the Chrome Media Type Emulation as accepted in the post See print css in the browser.

Chromebook print test page