I am working on improving print support for pages on my website. This is hard because I don’t find a way to preview how the pages will actually be printed.
The developer tools have a button to simulate the printer:
@media print CSS rules, but does not actually display how the content will be paginated.
Is there a setting in the developer tools to see how the content will be layed across paper pages?
The closest I found was to actually try to print the page: Firefox opens a menu with the paged content. The problem with this is that it cumbersome to work with: every time you refresh the page, the menu closes. Also it’s a small floating modal, a preview using the whole tab would be more ergonomic.
Does a solution already exist? Are there better ways to debug how the content will be printed?