在Chrome网络选项卡中显示源代码映射

Question

在Chrome网络选项卡中显示源代码映射

14

我开始使用源映射来调试我的SASS代码，以便在Chrome浏览器中进行。

我理解的工作原理是Chrome会请求样式表资源和.map资源，但我只看到样式表出现在网络选项卡中。

我知道它在那里，并且我知道它正在工作，因为我可以在元素标签和源标签中看到源映射的额外信息。

我也知道我不需要明确地在网络选项卡中看到它，因为如果用户没有在开发者工具中设置该标志，它将不会加载，但是我希望像其他所有资源一样正常加载，因为我想象它会像其他所有资源一样加载。我猜这只是为了安心地展示被加载的所有内容。我正在尝试创建一个高性能的站点，我真的不想对浏览器正在发出的请求感到茫然无措！

所以，有没有办法让源映射显示在网络选项卡中？

- Jonathon Blok

1

是的，今天我也问了自己同样的问题，为什么*.map文件不会显示在网络选项卡中。我猜测Chrome可能已经删除了这个“功能”，因为它看起来肯定曾经以这种方式工作过，特别是因为我看到很多帖子引用了它的工作方式。例如：https://dev59.com/8HbZa4cB1Zd3GeqPF3O4 - Scott Coates

1

有一种方法可以查看详细的网络信息。请参见：https://dev59.com/KFwZ5IYBdhLWcg3wYfdu#41571230 - Frison Alexander

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Scott Buchanan · Accepted Answer

这是一个变化的结果，这个变化在此处提到（可能不直接作为此问题的解决方案，但在此处讨论）： https://bugs.chromium.org/p/chromium/issues/detail?id=362913 基本思想是源映射实际上并不是常规页面资源的一部分，网络面板的目标是显示您正常加载页面所涉及的内容。因此，底线是：没有办法强制加载映射。