Display a web page as print. Media Print Emulate For development and test | Drupal 8

Display a web page as print. Media Print Emulate For development and test

By editor, 8 March, 2017
Question

How to show a web page as print stylesheets to avoid print preview every time (for development and test) on Firefow and /or Chrome ?

How to inspect HTML page and elements as media print ?

Media Print Emulate on Chrome

(Tested on Chrome Version 56)

  1. Open Chrome DevTools (F12)
  2. Click â‹® (vertical ellipsis)
  3. Choose More tools -> Rendering
  4. Tick Emulate CSS Media
  5. Select print

 

Media Print Emulate on FireFox

(Tested on Version 51)

  1. Open a Developer Toolbar command line (Shift + F2)
  2. Type:     media emulate print

Tags

Test a webpage for Retina display

Comments

About text formats

Plain text

  • No HTML tags allowed.
  • Lines and paragraphs break automatically.
  • Web page addresses and email addresses turn into links automatically.