wulin.com(www.vevb.com)記事はじめに:ModernizrおよびHTML5。
OK、HTML5は現在人気があるので、HTML5をそのタイトルに追加します:)
実際、ModernizrはHTML5用に生まれています。これは、HTML5およびCSS3機能のブラウザのサポートを検出するJSライブラリです。有名なHTML5/CSS3ブラウザ互換性WebサイトFindMebyIPは、このフレームワークに基づいています。
右下隅の緑色のボタンにModernizrへのリンクがあることがわかります。
Modernizrの特徴Modernizrの機能は実際には非常に単純です。 JSを使用して、HTML5/CSS3機能に対するブラウザのサポートを検出することです。特定の属性をサポートする場合は、ページの<HTML>タグに対応するクラスを追加します。サポートしていない場合は、非Prefixクラスを追加します。たとえば、検出されたブラウザがビデオタグをサポートしている場合、Modernizrは<html>タグにビデオクラスを追加します。それ以外の場合は、No-Videoクラスを追加します。
FindMebyIPのソースコードを確認するか、FireBugなどのツールを使用してページコードを表示すると、<HTML>タグでクラスを表示できます。
さらに、Modernizrは別の使用法も提供します。これは、次のような特定の機能のみに対するブラウザのサポートを検出することです。
同様のインターフェイスを介してHTML5に対するブラウザのサポートを検出することは比較的安全です。
ブラウザ検出:UA対機能実際、誰もが通常UAを使用してブラウザを検出します。もちろん、UAはより豊かな情報も提供します。 UAは全能ではなく、ユーザーのブラウザのUA変装や、後方ブラウザが提供するUA情報の欠如など、いくつかの弱点もあります。ブラウザ情報の判断に影響します。さらに重要なことは、HTML5機能の場合、UAを使用して、ブラウザが特定の機能をサポートするかどうかを判断することは複雑すぎて信頼できないことです。
もちろん、UAと機能検出については常に議論がありました。ここで言いたいのは、HTML5を使用してウェブサイトの機能サポートを検出する特定の問題の特定の分析が、UAよりも信頼性が高く便利であることです。
Modernizrを使用しますModernizrの使用は非常に簡単です。ライブラリのJSファイルをページに導入するだけです。
>/script>
Modernizrはオープンソースですが、何らかの理由でG-FWによってブロックされました。
Modernizr @ gitModernizrプロジェクトはGitでホストされています。次のアドレスで入手できます。
著者は、gitのシンプルな出力ページも提供しています。
および詳細なテストページ:
拡張読書:HTML5機能の検出
HTML5とCSS3をModernizrで安全に展開します