2014年5月20日火曜日

ブラウザのフルスクリーンAPIのサポートを調べるには?

ブラウザのフルスクリーンAPIのサポートを調べるにはどうしたらいいだろう?

まずはModernizrを使うことを考えたけれど、どうもフルスクリーンAPIサポートのチェックは見当たらない。

Modernizr: the feature detection library for HTML5/CSS3

仕方ないから自分で作ることにした。



この記事があれば各ブラウザで簡単に調べられるから便利かな。

なお、フルスクリーンAPIのサポートは

webkit系:Chrome 15+, Safari 5.1+, Opera15+
moz系:FF10+
ms系: IE11+

となっている。

要するに「モダンなブラウザ」どころか「最新のブラウザ」と言えると思うので、そういうチェックにも使えるかもしれない。

ただし、Safari5.1はフルスクリーン対応だがOS X Lion(10.7以降)のみ対応。
Mac Basics: Safari 5.1

そこだけはチェックしきれていないので注意が必要だ。