Webページを電子書籍サイズでPDF印刷する

Koboはどうも日本語テキストファイルやHTMLは正しく表示できないらしい。
そのためPDFにするのが確実なのだが、WebページをPDFにするときには文字などを大きめに印刷しないと6インチのKoboでは見づらくなってしまう(画面で見るときやA4で印刷するときの縮尺でPDFを作ると文字が小さすぎて読めない・・・)


このためにはA4でなくB5などで印刷すればいい。
しかしページによってはレイアウトが大きく崩れてしまう。


たとえばハテナのブログはサイドバーがあり、これが固定サイズ(ということがある)なのでB5で印刷すると、文字のある部分が半分ぐらいになり、反対側がムダな白い領域になってしまう(ことがある)。


これを回避するため、firebugをいれ、HTMLを書き換える。

(1) PDFにしたいページをfirefoxで開く
(2) Firebugを起動する
(3) 該当する部分を探し(例えば下の class="left_outline"の tdタグ)、右クリックニューから「要素を削除」する


<td class="left_outline" valign="top">
<td width="100%" valign="top" style="padding-left: 1em; padding-right: 1em;">

(3')あるいは CSSタブを選び、bodyのwidthを大きくし、sidebarのwidthを小さくする。

スタイルシートはハテナのカスタマイズで変わるので実際の変更箇所はサイトごとに異なる。


.body {
margin: 0;
overflow: hidden;
padding: 0;
text-align: left;
width: 100%; # -> 200%にしちゃうとか
}


.sidebar {
clear: right;
color: #333333;
float: right;
margin: 0;
padding: 15px 0 0;
text-align: left;
width: 220px; # -> 0pxにしちゃうとか
}
(4)PDFで印刷する