デベロッパーツールのエレメンツだけでいいか

質問

目的はブログをそのまま印刷すると、バランスが悪いので、デベロッパーツールのエレメントを編集し、PDFで印刷したいのです。

https://streamable.com/z1wkku
このビデオはあるHPをPDF印刷したものの１部です。
AとBが間があいて空間です。

HPを少しいじって、画面の空白や画像の縮小して、自分でHPを調整して、PDF印刷したいのです。つまり疑似のHPを作成したいのです。

こういうことをチェックするにはデベロッパーツールのエレメンツ
だけでいいですか。デベロッパーツールはChromeの事です。

回答No.1

celtis

contentEditable属性を付与するブックマークレットを使ってみましょう。
https://www.tam-tam.co.jp/tipsnote/html_css/post8653.html
https://note.com/yiiiiiiiii/n/nf1dc31eb6468

似たようなことができるPrint FriendlyというWebサービスもあります。
https://4b-media.net/print-friendly/

補足

残念ですが、もう１度質問を読んでください。そういうことをお尋ねしているのではありません。