ブラウザ対応テスト

機能の説明

あなたの実際のブラウザーを 30 のモダンウェブ機能に対して監査します - WebGPU、WebGL 2、WebAssembly（SIMD、スレッド）、Service Workers、OPFS、WebAuthn、View Transitions、Popover API など - 8 カテゴリ（Graphics、Compute、Storage、Connectivity、Media、Sensors、Security、Platform）にグループ化します。各チェックには重み（1〜3）があり、結果は重み付きの準備度スコア 0〜100 とティアラベルに集約されます。Fully modern（90 以上）から Legacy browser（35 未満）までです。

検出は 3 層構成です：受動的な API 存在チェックはロード時に自動実行されます。ライブテスト（20 のチェックに demo チップが付きます）は機能を実際に実行します - canvas にグラデーションを描画し、WebGPU の三角形を描き、SIMD WASM モジュールを検証し、IndexedDB/OPFS に書き込みます。さらに 8 つのトリガー可能なアクション（Camera、Microphone、Geolocation、Clipboard、Notifications、Vibrate、Fullscreen、Web Share）で、権限ゲートされた実際の API を自分で発火できます。すべて 100% クライアントサイドで動作します - 何もブラウザーの外に出ず、結果も保存されません。

使い方

1. ツールを開くとスキャンが自動で始まり、30 のチェックが 1 行ずつ（各約 55 ms）現れます。サマリーの上には（ユーザーエージェントからパースされた）ブラウザーラベルが表示されます。
2. ゲージを読みます：重み付き準備度スコアと、supported / limited / needs-HTTPS / unsupported の各集計です。
3. 行をクリックして展開します：1 行の説明、存在する場合はブラウザー別の詳細ノート（ベンダープレフィックス、実測値など）、そして !!document.createElement('canvas').getContext('webgl') のようなコピー可能な JS 検出スニペット。
4. demo チップのある行では ▶ Run live test をクリックして機能を実際に実行します。結果は works、failed、n/a で示され、GPU 名や描画された canvas サイズなどの詳細が付きます。
5. Show all snippets ですべての行を一括展開、Re-run scan でゼロから再検出、Copy share link で結果をエンコードした現在の URL をコピーできます。
6. Trigger an action までスクロールし、8 つのボタン - Device（Camera、Microphone）、Permission（Geolocation、Clipboard、Notifications）、Output（Vibrate、Fullscreen、Web Share）- のいずれかをクリックします。ブラウザーが権限を求める場合があります。各ボタンは success、denied、not available、error を報告します。

例

重み付きスコアリング（スコアモジュール src/tools/browser-support/score.ts に対して検証済み） - ステータスの寄与は supported = 1.0、limited = 0.5、needs-HTTPS = 0.3、unsupported/unknown = 0 で、それぞれチェックの重みを掛けます：

All 30 checks supported                        → score 100
All supported except WebGPU (weight 3)         → score 95
All supported except Canvas 2D (weight 2)      → score 96
WebGPU reported "limited" instead of supported → score 97
WebGPU reported "needs-https"                  → score 96
WebGPU unknown                                 → score 95

WebGPU だけが unsupported の場合、カテゴリ内訳は Graphics 70（4/5 supported）、そして Compute、Storage、Connectivity、Media、Sensors、Security、Platform はすべて 100 と読めます。

共有リンク（src/tools/browser-support/share.ts に対して検証済み） - スキャン後、レポートは圧縮され（カタログ順にチェックごとに 1 文字：s = supported、l = limited、h = needs-https、x = unsupported、? = unknown）、JSON エンコードされ、base64url エンコードされて ?r= URL パラメータに収められます。上の 30 チェックのレポートは sssxssssssssssssssssssssssssss に圧縮され、116 文字の ?r= 文字列にエンコードされます。デコードすると正確なステータス、スコア、ブラウザーラベルが再現されます。共有リンクを開くと、ブラウザーを再スキャンする代わりに保存済みレポートが再生されます。

補足事項

• プライベート: 検出、ライブテスト、アクションはすべてブラウザー内で実行されます。結果はアップロードされません。共有リンクが機能するのは、データ自体が URL の中に存在するからです。
• 「Needs HTTPS」は、API は存在するがセキュアコンテキストに制限されていることを意味します - 現在のコンテキストからは本番運用できないため、ツールはこれを “limited” より低く評価します。
• ライブテストとアクションは正直な層です：API の存在は嘘をつけます（ベンダーがスタブを出荷することもある）が、描画された WebGPU の三角形や実際の IndexedDB 書き込みは嘘をつきません。
• 準備度スコアは基盤的機能（WebAssembly、WebGPU、Service Workers は重み 3）に重みを置くため、モダンな周辺機能 1 つの欠落はベースライン 1 つの欠落より小さく響きます。
• 関連ツール: Browser Fingerprint Viewer、Permissions-Policy Builder、Security Headers Analyzer