Loading article…
機能検出（機能テストとも呼ばれる）は、実行環境（通常はウェブブラウザまたはユーザーエージェント）間の違いを処理するためにウェブ開発で使用される手法であり、環境が特定の機能を提供するかどうかの手がかりをプログラムでテストします。この情報は、特定のAPIを使用したり、より良いユーザーエクスペリエンスのために調整したりするなど、何らかの方法でアプリケーションを環境に適応させるために使用されます。[1]
支持者は、ユーザーエージェントスニッフィングやブラウザ固有のCSSハックなどの他の手法よりも信頼性が高く、将来性があると主張しています。 [1]
テクニック
機能テストにはさまざまな形式があります。基本的には、必要な機能が実際にサポートされているという一定の信頼性を与えるコードスニペットです。ただし、他の手法とは対照的に、機能検出は通常、ヒューリスティックではなく、検出する機能に直接関連するアクションの実行に重点を置いています。[2]
JavaScript はWeb ブラウザーで最も普及しているスクリプト言語であるため[引用が必要]、多くの機能検出手法では JavaScript を使用してDOMとローカル JavaScript 環境を検査します。
最も簡単な手法は、関連するオブジェクトまたはプロパティの存在を確認することです。たとえば、Geolocation API (デバイスの地理的位置に関する知識にアクセスするために使用される。GPSナビゲーション デバイスから取得される可能性がある)は、DOM 内のオブジェクトgeolocationのプロパティを公開しますnavigator。そのプロパティが存在する場合、Geolocation API がサポートされていることを意味します。
if ('geolocation' in navigator) {
// Geolocation API がサポートされています
}
信頼性を高めるために、一部の機能テストでは、機能を呼び出して、それが適切に動作したという手がかりを探します。たとえば、Cookieのサポートのテストでは、値を Cookie として設定し、それが読み戻せるかどうかを確認します。
検出されないもの
一部のブラウザ機能は、機能がサポートされていることを十分に確信できる手がかりがないため、検出不可能であると見なされます。これは、ブラウザの JavaScript 環境で利用できる情報が限られていることが原因であることが多く、一般に、JavaScript を使用して検出できるようにするには、何らかの方法で DOM 経由で機能を公開する必要があります。
検出できないものに遭遇した場合、代替メカニズムとしてユーザー エージェント スニッフィングを使用するか、機能がサポートされていないことが判明した場合の影響を最小限に抑えるために防御コーディングを採用するのが一般的です。
Modernizrプロジェクトでは、検出不可能な既知のものの記録を wiki で管理しています。
参照
参考文献
- ^ ab Meiert, Jens (2021年7月14日). Web開発用語集. フロントエンドドグマ.
- ^ 「機能検出の実装」。mdn web docs 。 2022年8月23日閲覧。