开发者工具提示：什么是源代码映射？
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
借助源代码映射，即使在合并和缩减代码之后，代码也可以保持可读和可调试，并且不会影响性能。
在使用各种转译器、缩减器和捆绑器时，您部署的代码与您编写的代码不同。为了提高网络性能，这些工具会将代码压缩到一行中，移除不必要的字符并缩短变量。
许多工具都可以生成源代码映射以随附代码。
Chrome 开发者工具会读取已部署的代码和源代码映射，并允许您照常调试代码，即使设置了断点也是如此。
如需更好地了解源映射的工作原理，请查看源映射可视化工具。
此外，源代码映射可以包含扩展。如果您要构建工具和框架，请考虑支持它们。请参阅此案例研究：使用开发者工具提升 Angular 调试体验，其中开发者工具团队和 Angular 通过支持 x_google_ignoreList 扩展程序改善了开发者工具中的调试体验。
如需了解详情，请参阅：
如未另行说明，那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可，并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情，请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC)：2023-03-31。
[[["易于理解","easyToUnderstand","thumb-up"],["解决了我的问题","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["没有我需要的信息","missingTheInformationINeed","thumb-down"],["太复杂/步骤太多","tooComplicatedTooManySteps","thumb-down"],["内容需要更新","outOfDate","thumb-down"],["翻译问题","translationIssue","thumb-down"],["示例/代码问题","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["最后更新时间 (UTC)：2023-03-31。"],[],[]]
