Web Applications Stack Exchange is a question and answer site for power users of web applications. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I'm trying to save a PDF of a page from the dailymail.co.uk website. When I open the print dialogue (in Safari and Chrome) the page looses all its formatting to become a stripped back printable version. I can see the benefit of this, however I'm wondering how to bypass this feature as I want to save a PDF of the entire page as it appears on the site.

Here is an example article (randomly selected from the home page)

Is there a line of code I can delete from the page (using Chromes Dev Tool) that will let me print the full page?

share|improve this question
up vote 5 down vote accepted

Most likely there will be a line like this in the head tag:

<link ... media="print" ... />

Just remove it through the Chrome Inspector by right clicking it and deleting it. If that does not fix it, there is most likely another one. The problem with doing this however is that sometimes it still will not render as the other ones are most likely media="screen" which are hidden on print.

Keep in mind the fact that comments are no longer hidden and therefore you can end up with >100 pages sometimes.

With this particular website, there is a print CSS, however all the other ones are media="screen" and you would need to go through and change all those to remove that attribute. (A bit pain in the @$$):

the print stylesheet

You mention you are using Chrome, so I would use the Webpage Screenshot extension and print the image as a draft (so it doesn't do photo quality).

share|improve this answer
ah so browsers will disregard all SCREEN items on print? good to know - thanks! – OrangeBox Aug 17 '12 at 6:35
@OrangeBox, see this W3Schools article for more info on CSS media types. – Alex Aug 17 '12 at 10:27
@Alex see this W3Fools article for more info on why you shouldn't use W3Schools. – Cole Johnson Aug 17 '12 at 19:32
Has anyone written a Chrome Extension that does this? I would pay a bounty (and more) if it would do a complete job. – TomOnTime Jan 28 at 12:08

Open the Chrome dev tools and force the CSS media type to screen as explained in this Stackoverflow answer.

Keeping dev tools open, print preview will now use the screen styles.

share|improve this answer
Careful, though.. if you want to archive a page satisfactory, make sure to check the print preview for overlay popups or information banners (often appear near end of page, or when hovering over particular regions or links) which would be removed by the print-specific CSS.. Sometimes takes some random messing around to make them go away. – eMPee584 Jul 10 '15 at 20:50

Ahh, is there a PrintScreen (PrtScrn) button on your keyboard? Paste the image into Word (etc) and save as PDF from there?

Failing that, there are any number of screen capture tools.

(Granted this will give you a PDF of an image, not of indexable text. But since you're taking it from a newspaper site, I guess you're not so worried about having search-engines index it. And since it's just one page, the PDF browser text-search probably isn't so imporant.)

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.