ウェブ家の備忘録

ウェブデザイナーの備忘録

WinMergeのファイル比較をレイアウト崩壊なく印刷する

●問題
WinMergeで比較したファイルをWinMergeで印刷する。
→レイアウトやばい。一行が長くて改行が必要な場合、改行されず途中で消える。
WinMergeで.htm出力して印刷する。
→左右カラムのwidthが可変で合ってない。

●解決 htm出力して中身いじって印刷
 WinMergeで比較。行番号は非表示でお願いします。
 「ツール」>「レポートの生成」でhtmファイルを作成。
 当該htmファイルをテキストエディタで開き、ファイル末に下記を追記する。

<style>
.sf3b2{width:49.5%;} /* 左右カラムを49.5%で固定 */
.sf17b16{background-color:#888;} /* diff箇所の適度な色付け */
th{position:static;} /* titleを上部に固定。stickyからstaticに変更 */
</style>

 当該htmファイルをウェブブラウザで開き、印刷コマンド(Ctrl+P)。
 色づいているか確認。色づいてない場合、色づける設定を加える。(Chromeの場合、「詳細設定」>「オプション」>「背景のグラフィック」にチェック)