サブウィンドウをフルスクリーンで表示する【Javascript】

この記事は1年以上前の記事のため、内容が古い可能性があります。

Javascriptでサブウィンドウをフルスクリーンで表示する場合は以下のように記述します。

window.open("url", "subWindow", "fullscreen=yes");

３つ目の引数にfullscreen=yesを入れればOKです。

ただし、このfullscreenはIEでしか使用できません。（サンプル）
上のサンプルを試していただければわかりますが、Firefoxなどでは普通のサイズで表示されてしまいます。

そこで、ディスプレイのサイズを取得し、そのサイズで開くという風にします。

var sw = screen.width;
var sh = screen.height;
window.open("url", "subWindow", "left=0, top=0, width="+sw+", height="+sh);

ディスプレイサイズの取得方法はこちらのサイトを参考にしました。

これで、FirefoxやSafariでもフルスクリーンの大きさで表示してくれます。（サンプル）

トラックバックURL

※メールアドレスが公開されることはありません。

ダリの雑記：WEBプログラム版