ブラウザ機能検出ツール

ブラウザ機能検出ツールは、50以上のモダンWeb APIと機能のサポート状況をブラウザ上で即座にスキャンする包括的なクライアントサイドツールです。結果はGraphics、Workers、Storage、Network、Security、Sensors、Media、DOM Observers、Platform APIsなどの明確なカテゴリに分類され、ブラウザの機能の全体像を把握できます。

一般的な「Can I Use」のような理論的な互換性テーブルとは異なり、このツールは現在のブラウザセッションで各APIを実際にプローブすることでライブ検出を実行します。コンストラクタの存在、navigatorやwindowオブジェクト上のメソッドの可用性をチェックし、可能な場合は機能性をテストします。すべての結果に使用された正確な検出方法が表示されるため、自分のコードでチェックを再現できます。

これはプログレッシブWebアプリケーションの構築時や、どのポリフィルを含めるか決定する際に特に便利です。ターゲットブラウザがSharedArrayBuffer、WebGPU、またはFile System Access APIをサポートしているかどうかを知る必要がある場合、このツールが即座に答えを提供します。Event KeyCodesテスターと組み合わせることで、API可用性と入力処理能力の両方を監査できます。

共有機能は検出結果をURLハッシュにエンコードし、ブラウザの機能のスナップショットをチームメイトに送信したり、バグレポートに含めたりすることができます。共有結果を表示する際に比較ビューが差分をハイライトし、ブラウザやデバイス間の不一致を簡単に見つけることができます。

すべての処理はブラウザ内で完全に実行されます。データはサーバーに送信されず、フィンガープリンティングデータは収集されず、Cookieは設定されません。検出結果はローカルブラウザメモリにのみ存在します。

1. ツールを開きます。検出はページ読み込み時に自動的に実行され、結果がカテゴリ別に即座に表示されます。
2. 上部のサマリーカードで、検出されたAPIの総数、サポートされている数、サポートされていない数を確認します。
3. 検索ボックスを使用して、機能名（例：「WebGL」）やカテゴリ名（例：「Security」）でフィルタリングします。
4. ドロップダウンから特定のカテゴリを選択して、そのグループの機能のみを表示します。
5. カテゴリヘッダーをクリックして、セクションを折りたたみまたは展開します。ヘッダーにはサポート数/合計数が表示されます。
6. Copy JSONまたはCopy Textをクリックして、ドキュメントやバグレポート用にすべての結果をクリップボードにコピーします。
7. Share URLをクリックして、結果がURLハッシュにエンコードされた共有可能なリンクを生成します。チームメイトに送信してブラウザの機能を比較できます。