jQueryを使ってページ印刷ダイアログを自動で起動する際の注意点

ページ印刷ダイアログを自動で起動する際に、トラブルの元になったのでその時の対応メモ。

内容

ページの内容が正しく印刷できる場合と出来ない場合がある

対応

// [1] 正常に印刷できない
$( function() {
  window.print();
  //省略...
} );

// [2] 正常に印刷できた
$( window ).load( function() {
  window.print();
  //省略...
} );

// [1] 正常に印刷できない

$( function() {

window.print();

//省略...

} );

// [2] 正常に印刷できた

$( window ).load( function() {

window.print();

//省略...

} );

function()も、$( window ).load も同じことだと思っていたが

どうやら

[1]は、HTMLドキュメントの読み込みが完了した際に実行されるのに対して

[2]は、ページ内にある画像などが全て読み込まれた際に実行される。

アクセスしている端末の環境（ブラウザ、表示速度、通信速度）によっては、画像が印刷されたりされなかったりした訳だ。

先輩に見つかる前に気づいて良かった。