I saw this because a family member told me that when he tried to print with Chrome, the text and layout were messed up and would not print properly.
When I tried it, it was indeed strange. The layout is completely wrong and the text is sometimes displayed and sometimes not.
They wanted to print the page in a hurry, so we solved the problem by capturing the entire page and printing it as an image. Below are the steps.
procedure
Capture and print the entire page using a Chrome extension.
Install Chrome Extensions
- I'm going to Chrome Web Store.
There are various Chrome extensions that capture the entire page, but this time I used "FireShot" which is displayed in Japanese.
- Search by "screenshot
- Install "FireShot" when it appears.
Capture the entire page
- On the page you want to print, click the "S" icon in the upper right corner of Chrome and select "Capture Entire Page
At this time, the print width is the Chrome window width, so if you adjust the Chrome window width to match the width you want to print, it will print nice and snug.
Printing
- Press "Print."
You will then be taken to the print screen and can print. Even if the captured image is vertical, it will be cut in a nice A4 portrait and printed in multiple sheets.
Chrome can also output PDF, so if you change the "Send to" on the print screen and select "Save to PDF", it will output PDF.
Finally.
This time, it seems to be a bug of Chrome, and it may be fixed in the near future, but there may be a little bit of demand to print a web page as you see it, so it is good to know how to do it.
