Hacker News Reader

Comment by bradstewart | Hacker News Reader

Wow. I switched to Firefox around the same time I switched a Mac for work, and just assumed the lack of print preview was a weird macOS thing.

This makes me happy.

View on HN

Actually, you were correct. Firefox on Windows and Linux has provided a print preview "since forever", but this is the first time Firefox has had print preview functionality on macOS (outside of using the system print dialog to generate and open a PDF in the Preview app).

Right. I just assumed Chrome and Safari also lacked print preview on macOS, didn't even think to check.

fwiw Firefox always had a print preview; it was just behind a different shortcut rather than integrated into the default flow.

I would have literally never discovered that without this post. I honestly forgot there was a File->Print button until I read this. Ctrl/cmd+P is jus burned into my muscle memory.

The old Print Preview actually allowed you to inspect the page with the Developer Tools. Which was great for debugging print-specific CSS. I don't think that's possible with the new Print Preview, but the new one is better in every other way.

Should be possible using the Browser Toolbox to inspect the entire interface? I just checked and the HTML is definitely in the inspector at least, but I'm not sure what your requirements are.

What do you mean by "Browser Toolbox"? Firefox doesn't have Chrome's @media (print) emulation.

https://developer.mozilla.org/en-US/docs/Tools/Browser_Toolb...

The Browser Toolbox is the normal DOM inspector, just extended to the whole user interface. If you open the print preview, then open the Browser Toolbox, you can inspect the preview and edit styles just like any other document.

Also, @media print {} works fine, I just tested it. But I'm not sure how that relates to the original question.

https://imgur.com/a/S6XryYW screenshot of browser toolbox with the print preview DOM visible + site with @media print background color change. Note that you need to expand "More settings" in the print preview and enable "Print backgrounds" for that specific test to work.

Reply on news.ycombinator.com