title: How to load a print friendly version of a page in HTML?
body: <p>I have a master page inside which I've added two css files for print and screen medias:</p>
  
  <pre><code>&lt;link rel="stylesheet" type="text/css" href="theme.css" media="screen"&gt;
  &lt;link rel="stylesheet" type="text/css" href="print.css" media="print"&gt;
  </code></pre>
  
  <p>Where I've added some codes for my css:</p>
  
  <pre><code>@media print
    {
    p.test {font-size:20px;color:red;}
    }
  @media screen
    {
    p.test {font-weight:bold;}
    }
  </code></pre>
  
  <p>it works fine when user viewing the pages in the browser or when clicking on the print button of the browser.</p>
  
  <p>But how to force the page to be shown in print media when browsing in my desktop (screen media)?!</p>
  
  <p>Basically, I'd like to show a print friendly version of the page in HTML.</p>