如何使用 Chrome 开发工具中的源映射来分析性能分析记录

Question

我有来自客户的性能分析记录，我可以在其中看到混淆的方法名称。

我有混淆的 JS 文件和源映射。

我希望在 Chrome 开发工具中打开性能记录后看到未混淆的方法名称。

不幸的是我不知道如何加载源地图。记录中的 URL 甚至指向一个域。

知道如何告诉 Chrome 使用驱动器中的特定源映射吗？

Answer 1

不幸的是，当您收到客户的配置文件记录时，没有已知的方法如何使源映射工作以及如何查看确切的功能缓慢。

\n

但我设法弄清楚在我的机器上分析生产代码时如何使用源映射：

\n

\n
1. 请务必在开发控制台设置中启用源映射：设置 \xe2\x86\x92 启用 JavaScript 源映射。
\n
2. 获取您机器的源映射
\n
3. 在 Chrome 中打开开发工具 \xe2\x86\x92 源 \xe2\x86\x92 打开缩小文件 \xe2\x86\x92 右键单击​​ \xe2\x86\x92 添加源映射...
\n
4. 输入要在计算机上归档的 URL，如下所示：file:///Users/martin.nuc/Downloads/main-4f1117b5938baf87eec6.js.map
\n

\n

\n

刷新后，您必须再次手动添加源映射。

\n

\n

\n

Don\xe2\x80\x99t 使用 Pretty-print - \xe2\x80\x9cAdd 源映射\xe2\x80\x9d 在那里不可用

\n

\n