Feature.js
Feature.jsはブラウザのサポート状況をチェックしてくれる高速且つシンプル、軽量なブラウザの特徴検出スクリプト。他ライブラリへの依存も無く、わずか1KB程度で動作してくれます。Modernizrライクに利用する事が可能で、例えばWebGLがサポートされている/されていないブラウザでのアクセスを条件分岐で任意のclassを付与する等が容易に可能となっています。以下はWebGLをサポートしているブラウザでのアクセスの際、HTMLにwebglというclassを付与するコードです。
if (feature.webGL) { document.documentElement.className += " webgl"; }
jQueryを使用したWebサイトなら
if (feature.webGL) { $("html").addClass("webgl"); }
とすればいいみたい。これで<html>
を<html class="webgl">
と変更してくれます。
ただし、何点かの注意点も提示されていますのでご利用の際はご確認下さい。ライセンスはMITとの事。
Other Snippets
- ブラウザのサポート状況をチェックする1KBの軽量スクリプト・「Feature.js」
- モダンブラウザ向けのjQuery代替な軽量スクリプト・「cash」
- CSSのフィルターを手軽に扱えるようにするスクリプト・「Philter」
- Githubで公開されているjQueryのプラグインと詳細をまとめている・「jQuery Cards」
- シングルページのWebアプリケーションエンジン・「Senna.js」
- gistやYoutube、Vine、TwitterやGoogle Mapなど、様々なサービスをembed出来る・「embed.js」
- ブラウザ上で数式を高速且つ手軽に表示する為のJSライブラリ・「KaTeX」
- ブラウザでPDFを作成するスクリプト・「pdfmake」
- 【 JavaScript 】のリソース一覧