JavaScript Source Map ブラウザとは何ですか?
Source Map の VLQ Mappings を解析し、Bundle の行に対応する元ファイル、行番号、埋め込みソースを照会します。ToolHub は主要な処理をすべてブラウザ内で行うため、デスクトップでもモバイルでもすぐに利用でき、アカウント登録やバックエンドへの送信は不要です。
このツールの使い方は?
- field prompt に従って data を入力し、必要な processing method を選択します。
- 「Process Now」をクリックすると result、indicator summary、必要な error message を確認できます。
- 内容が実際の要件を満たすことを確認したら、result を copy するか file として download して利用できます。
適したユースケース
フロントエンドのデバッグ、エラー位置の特定、Bundle 監査、Sourcemap QA、オンライン調査に利用できます。すべての処理は現在のページ内で完結するため、内部データをリモートサービスへ送信したくないワークフローに適しています。
結果の解釈と注意事項
圧縮ツールが生成する Name Mapping や Sectioned Map では、より完全な Source Map 実装が必要になる場合があります。ツールは基本的な入力形式を検証し、読みやすいエラーを表示しますが、本番環境では元の仕様、業務ルール、または専門的な要件に照らして再確認してください。
ブラウザーとデバイスの対応状況
Source Map Explorer は、現行版の Chrome、Edge、Firefox、Safari に対応しています。モバイル版とデスクトップ版は、このページに記載された同じ検証ルールを使用します。