window.showModalDialogとwindow.openの比較

Question

window.showModalDialog関数を使用する場合の状況は何ですか？ window.open関数といくつかのクロム（ナビゲーション、アドレスバーなど）を削除するパラメータはまったく同じです。

いつ、window.showModalDialogとwindow.openを使用しますか？

Answer 1

モーダルダイアログは、親によって開いたダイアログであり、ダイアログが閉じられるまで親にフォーカスすることはできません。

ログインフォーム、編集フォームなどのモーダルダイアログを使用して、ユーザーとの対話のためのポップアップを作成したいが、ポップアップを開いたウィンドウに戻ることはできません。

補足として、私はInternet Explorerだけがwindow.showModalDialogを実装していると信じています。

Answer 2

Chrome 2にshowModalDialog（）が正しく読み込まれないというバグがあります。ポップアップウィンドウが表示されますが、コンテンツはロードされません。

もう1つの理由は、showModalDialog（）の使用を避けるためです。

Answer 3

showModalDialog()は、Internet Explorer、Firefoxの（3以上）Chromeで Worksでうまく動作しますが、ポップアップが

Answer 4

showModalDialog()が現在HTML5の一部として標準化されている（あなたが親ウィンドウに行くことができます）モデルではありません。 3番目の引数（追加オプション用）はHTML5バージョンには存在せず、SafariとChromeでは（安全に）無視されます。

http://dev.w3.org/html5/spec//user-prompts.html#dialogs-implemented-using-separate-documents

Answer 5

この質問はもともと頼まれたと物事はそれ以来少しも変わってきたので、それは数年が経ちました。 window.showModalDialogは公式にstandardized as part of HTML5になり、IE、Firefox 3+、Chrome（albeit buggy）、およびSafari 5.1+でサポートされています。

残念ながら、window.showModalDialogは、まだ多くの問題に悩まされています。

• モーダルダイアログは、Firefox、Chrome、Safariではデフォルトでポップアップとしてブロックされます。
• Chromeのモーダルダイアログはバグがあり、実際にはモーダルではありません。http://code.google.com/p/chromium/issues/detail?id=16045 & http://code.google.com/p/chromium/issues/detail?id=42939を参照してください。
• Chromeを除くすべてのブラウザは、モーダルダイアログが開いているときに、ユーザーがウィンドウ全体（お気に入り、ブラウザコントロール、その他のタブなど）とやりとりするのをブロックします。
• モーダルダイアログが完了するのを待っている間、親ウィンドウでJavaScriptの実行を停止するため、デバッグが苦労します。
• モバイルブラウザがサポートされていませんwindow.showModalDialog。

したがって、まだwindow.showModalDialogを使用することはお勧めできません。ウィンドウをモーダルにする必要がある場合（すなわち、ユーザーがダイアログを処理するまでページの他の部分と対話できない場合）、jQuery UI's dialog pluginを使用することをお勧めします。

window.openはモーダルでないウィンドウでも機能しますが、新しいウィンドウを開くとユーザーを怒らせる傾向があるため、jQuery UIのダイアログに固執します。

私はこのことについて、私のブログ - http://tjvantoll.com/2012/05/02/showmodaldialog-what-it-is-and-why-you-should-never-use-it/で詳細に書いています。

Answer 6

ポップアップウィンドウからモーダルを表示できますが、一部のブラウザ（IE、Safari）ではモデルダイアログからwindow.openを使用できません。