Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 在Chrome网络选项卡中显示源地图_Css_Google Chrome_Sass_Source Maps - Fatal编程技术网

Css 在Chrome网络选项卡中显示源地图

Css 在Chrome网络选项卡中显示源地图,css,google-chrome,sass,source-maps,Css,Google Chrome,Sass,Source Maps,我开始在Chrome中使用SASS代码的源代码映射进行调试 我理解它的工作方式是Chrome在样式表资源和.map资源中请求了,但我只看到样式表显示在网络选项卡中 我知道它就在那里,我知道它正在工作,因为我可以在元素选项卡和源选项卡中看到源地图中的额外信息 我还知道,我不需要在网络选项卡中明确地看到它,因为如果用户没有在开发人员工具中设置标志,它将不会加载,但我希望看到它像其他任何东西一样作为普通请求加载,因为我想象它像其他所有资源一样加载?我想这只是一种内心的平静,可以看到所有的东西都被加载了

我开始在Chrome中使用SASS代码的源代码映射进行调试

我理解它的工作方式是Chrome在样式表资源和.map资源中请求了,但我只看到样式表显示在网络选项卡中

我知道它就在那里,我知道它正在工作,因为我可以在元素选项卡和源选项卡中看到源地图中的额外信息

我还知道,我不需要在网络选项卡中明确地看到它,因为如果用户没有在开发人员工具中设置标志,它将不会加载,但我希望看到它像其他任何东西一样作为普通请求加载,因为我想象它像其他所有资源一样加载?我想这只是一种内心的平静,可以看到所有的东西都被加载了。我正在努力创建一个高性能的网站,我真的不想对浏览器发出的请求一无所知


那么,有没有办法让源地图显示在“网络”选项卡中?

这是此处提到的更改的结果(可能不是直接作为此问题的解决方案,但在此处讨论):


基本思想是,源地图实际上不是常规页面资源的一部分,网络窗格的目标是向您展示正常页面加载所涉及的内容。所以,底线是:不,没有办法强制加载地图。

是的,今天我问了自己同样的问题,为什么
*。地图
文件不显示在网络选项卡中。我猜Chrome只是删除了这个“功能”,因为它看起来肯定是用来解决这个问题的,特别是因为我看到很多帖子都是这样引用它的。有一种方法可以查看详细的网络信息。请看:这很可怕,因为当它们没有正确加载时,您无法进行调试。正如他们在该通知单中明确承认的那样:“这只会使调试地图为什么没有被提供稍微困难,如果出现这种情况的话。”此线程表明有一种方法: