Print website (chrome and angular) is not working (blank)

Question

My website system is running on chrome 37+ and using Angular.js and bootstrap.

For some reason, I can't print my website. When i try to print my website (using the browser print dialog), I usually get a blank print preview ("can not load print preview"). Sometimes it is not blank, but not really show my website.

I tried to run my website on some google chrome versions and some computers and it is not working. I have been searching for reasons, but can't find one that will fix this issue.

Let my know for reasons for this issue. Thank you.

Bootstrap has printing issues in Chrome. Check out this link for more info: http://getbootstrap.com/getting-started/#support-printing — Matthew Green, Feb 06 '15 at 18:59

score 0 · Answer 1 · edited May 23 '17 at 12:05

0

Chrome actually does have emulation of printing. See Chrome console screenie

You'll find this in a tab adjacent to console within developer tools. By enabling CSS media on print, you'll see your site with any print media applied. Once enabled, you may use the element inspection as usual to see how those extra css rules affect your site.

In particular, bootstrap will remove any background, and run a bunch of defaults across many typical elements.

Also, see this answer https://stackoverflow.com/a/21156904/2923245

edited May 23 '17 at 12:05

Community

1
1

answered Feb 07 '15 at 11:31

Dellkan

1,861
11
15

Meaning, that after you enabled CSS media print, everything still looked fine? – Dellkan Feb 09 '15 at 08:00
No. Nothing changed. I still have the blank print preview. – user3648142 Feb 11 '15 at 18:18

Print website (chrome and angular) is not working (blank)

1 Answers1