Chrome断点调试出现乱码

Question

使用Chrome对拼多多进行断点调试的时候出现乱码导致无法断住

如上图，在其他文件中断住是好好的，但是在_app.js中断住就出现了乱码，导致无法进行混淆查看

请问各位程序猿们有啥解决办法吗？

Answer 1

以下回复参考：皆我百晓生、券券喵儿等免费微信小程序作答:

针对你的问题，这里有几个可能的解决方案：

1. 确保源码映射正确：如果页面是压缩或混淆的代码，你可能需要源码映射（Source Map）来查看原始代码。在Chrome开发者工具中，检查Sources面板是否有与加载的脚本对应的映射文件。如果没有，你可能需要从项目的源码中获取这些映射文件。如果使用的是webpack打包工具，通常会自动生成源码映射文件。
2. 尝试其他版本的Chrome：有时候浏览器的某些版本可能存在bug，尝试更新到最新版本的Chrome或者使用一个不同的浏览器版本进行调试，看看是否还存在这个问题。
3. 清理缓存和Cookies：有时候浏览器缓存或者Cookies可能导致一些问题。尝试清理Chrome的缓存和Cookies后重新加载页面进行调试。
4. 检查网络请求：确保你的网络请求没有被第三方插件或代理修改。有时候网络请求被修改可能导致加载的脚本与实际源码不一致。
5. 检查断点的位置：尝试在不同的位置设置断点，看看是否所有断点都出现乱码。如果只在特定位置出现乱码，可能是该位置特定的代码导致的问题。
6. 使用其他调试工具：如果Chrome开发者工具无法解决你的问题，你可以尝试使用其他JavaScript调试工具，如Firefox开发者版或Edge开发者版等。
7. 检查是否使用了混淆技术：如果网站使用了混淆技术来保护代码，这可能导致你在调试时看到乱码。如果是这种情况，你可能需要更高级的逆向工程技术来理解和调试代码。但这通常是合法网站的防护措施，如果你没有合法权限，请不要尝试破解这些措施。

如果以上方法都不能解决问题，可能需要更深入地了解你的开发环境和具体的代码情况来找到解决方案。