Emulating print media in Internet Explorer

internet-explorer printing internet-explorer-11 ie-developer-tools print-preview
Klas Mellbourn picture Klas Mellbourn · Oct 14, 2014 · Viewed 12.9k times · Source

I am implementing printing of a web page that is originally displayed in Internet Explorer.

I would like to use the browser "Inspect Element" functionality when in print mode. So I would like to emulate print media, while still actually displaying the page in the browser.

Google Chrome has exactly this functionality.

Is this available in Internet Explorer. In particular, IE11?

Answer

Lance Leonard picture Lance Leonard · Oct 18, 2014

I do not believe that IE11 currently supports the F12 developer tools in print preview.

I do not know whether such support is in the works, but you could consider adding a suggestion to IE platform suggestion box on UserVoice.

If you're looking to debug issues that only appear during printing, perhaps you could create a simpler case, add a DIV that displays debugging info, and then display your DIV using a print media stylesheet.

Hope this helps...

Related questions

window.print() not working in IE

I am doing something like this in javascript to print a section of my page on click of a link function printDiv() { var divToPrint = document.getElementById('printArea'); var newWin = window.open(); newWin.document.write(divToPrint.innerHTML); newWin.print(); newWin.close(); } …

Read More
Scroll bars showing on printed page in IE9?

I'm having an issue with IE9 showing horizontal scroll bars on a printed page even though the contents of the page fit entirely. I've tried several things to remove them in my print css. Has anyone else had this issue …

Read More
Hide scroll bar, but while still being able to scroll

I want to be able to scroll through the whole page, but without the scrollbar being shown. In Google Chrome it's: ::-webkit-scrollbar { display: none; } But Mozilla Firefox and Internet Explorer don't seem to work like that. I also tried this …

Read More