DevTools のヒント: DevTools でのソースマップ

Sofia Emelianova

ソースマップを使用すると、コードを結合、圧縮した後でも、パフォーマンスに影響を与えることなく、コードの読みやすさとデバッグ可能な状態を維持できます。ソースマップの仕組みについては、以前の DevTools のヒントの動画をご覧ください。

DevTools でソースマップを操作する方法については、次の動画をご覧ください。

• ソースマップを有効にします。
• [Developer Resources] タブを使用して、ソースマップが正常に読み込まれたかどうかを確認します。
• 必要に応じて、ソースマップを手動で読み込みます。
• 通常どおりデプロイするのではなく、（マッピングされた）元のコードをデバッグする。
• 作成したファイルをグループ化すると、[ソース] でファイルツリーを簡単に操作できます。

詳しくは、次をご覧ください。

• ソースマップとは何ですか？
• ソースマップを使ってデプロイするのではなく、オリジナル コードをデバッグする
• デベロッパー リソース: ソースマップの表示と手動読み込み