css - 在 Chrome 网络选项卡中显示源 map

标签 css google-chrome sass source-maps

我开始为我的 SASS 代码使用源映射,以便在 Chrome 中进行调试。

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

我知道它在那里并且我知道它在工作,因为我可以在元素选项卡和源选项卡中看到来自源映射的额外信息。

我也知道我并不明确需要在网络选项卡中看到它,因为如果用户没有在开发人员工具中设置标志,它就不会加载,但我希望看到它像其他所有内容一样作为正常请求加载,因为我想它会像其他所有资源一样加载?我想完全显示加载的所有内容只是让我高枕无忧。我正在努力制作一个高性能的网站,我真的不想对浏览器发出的请求一无所知!

那么,有没有办法让源 map 显示在网络选项卡中?

最佳答案

这是此处提到的更改的结果(可能不是直接作为此问题单的解决方案,而是在此处进行了讨论): https://bugs.chromium.org/p/chromium/issues/detail?id=362913

基本思路是源映射实际上不是常规页面资源的一部分,网络 Pane 的目的是向您展示正常页面加载会涉及什么。所以,底线:不,没有办法强制加载 map 。

关于css - 在 Chrome 网络选项卡中显示源 map ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31321830/

相关文章:

html - 是否有不可替代的 HTML 标签?

javascript - 通过匹配文本忽略特定的 JS 错误

css - 如何在 SASS 变量中为 fs-* 类自定义 Bootstrap 5 字体大小

node.js - node-sass-jspm-importer 路径配置的使用

sass - 访问 Angular-Material SCSS 变量 (Angular4)

html - 使 flex 元素换行以创建新列

html - 选择选项的 CSS 为透明背景

css - 我可以去除 CSS 文件的所有内容吗?

android - 使用Android热点时间歇性SSL_PROTOCOL_ERROR

javascript - 在普通/纯 Javascript 中,您如何找出元素对象具有哪些可用方法或属性?