开发者工具提示:什么是源代码映射?

索菲娅·埃梅里亚诺娃 (Sofia Emelianova)
Sofia Emelianova

利用源代码映射,您可以确保代码的可读性和可调试性,即使在合并和缩减代码后代码也可以进行调试,而不会影响性能。

使用各种转译器、缩减器和捆绑器时,您部署的代码与您编写的代码不同。为了提高网络性能,这些工具会将代码压缩成一行,移除不必要的字符,并缩短变量。

缩减了代码和原始代码。

许多工具都可以生成源代码映射来随附您的代码。

源映射。

Chrome 开发者工具会读取已部署的代码和源代码映射,并让您可以像往常一样调试代码,即便使用断点也是如此。

在编写的源文件的开发者工具中使用断点。

如需更好地了解源代码映射的工作原理,请参阅源代码映射可视化工具

此外,源代码映射可以包含扩展程序。如果您构建工具和框架,请考虑支持它们。请参阅案例研究:使用开发者工具更好地进行 Angular 调试,其中开发者工具团队和 Angular 通过支持 x_google_ignoreList 扩展程序改善了开发者工具中的调试体验。

如需了解详情,请参阅: