Css 在Chrome网络选项卡中显示源地图
我开始在Chrome中使用SASS代码的源代码映射进行调试 我理解它的工作方式是Chrome在样式表资源和.map资源中请求了,但我只看到样式表显示在网络选项卡中 我知道它就在那里,我知道它正在工作,因为我可以在元素选项卡和源选项卡中看到源地图中的额外信息 我还知道,我不需要在网络选项卡中明确地看到它,因为如果用户没有在开发人员工具中设置标志,它将不会加载,但我希望看到它像其他任何东西一样作为普通请求加载,因为我想象它像其他所有资源一样加载?我想这只是一种内心的平静,可以看到所有的东西都被加载了。我正在努力创建一个高性能的网站,我真的不想对浏览器发出的请求一无所知Css 在Chrome网络选项卡中显示源地图,css,google-chrome,sass,source-maps,Css,Google Chrome,Sass,Source Maps,我开始在Chrome中使用SASS代码的源代码映射进行调试 我理解它的工作方式是Chrome在样式表资源和.map资源中请求了,但我只看到样式表显示在网络选项卡中 我知道它就在那里,我知道它正在工作,因为我可以在元素选项卡和源选项卡中看到源地图中的额外信息 我还知道,我不需要在网络选项卡中明确地看到它,因为如果用户没有在开发人员工具中设置标志,它将不会加载,但我希望看到它像其他任何东西一样作为普通请求加载,因为我想象它像其他所有资源一样加载?我想这只是一种内心的平静,可以看到所有的东西都被加载了
那么,有没有办法让源地图显示在“网络”选项卡中?这是此处提到的更改的结果(可能不是直接作为此问题的解决方案,但在此处讨论):
基本思想是,源地图实际上不是常规页面资源的一部分,网络窗格的目标是向您展示正常页面加载所涉及的内容。所以,底线是:不,没有办法强制加载地图。是的,今天我问了自己同样的问题,为什么
*。地图文件不显示在网络选项卡中。我猜Chrome只是删除了这个“功能”,因为它看起来肯定是用来解决这个问题的,特别是因为我看到很多帖子都是这样引用它的。有一种方法可以查看详细的网络信息。请看:这很可怕,因为当它们没有正确加载时,您无法进行调试。正如他们在该通知单中明确承认的那样:“这只会使调试地图为什么没有被提供稍微困难,如果出现这种情况的话。”此线程表明有一种方法: