为什么有时Chrome开发工具会显示scss文件而不是已编译的css文件?

申文

在此处输入图片说明如上图所示,在检查某些元素时,Chrome开发工具显示该文件与.scss文件相关,当我单击该文件时,该文件为空。我在macOS上使用Safari对其进行了测试,它也显示了该scss文件,但是单击它时,它可以正确显示此scss文件的内容。似乎开发工具在某种程度上已经出现bug。

无论如何,我的问题是,Chrome开发工具(及类似工具)在什么情况下会显示scss文件而不是已编译的css文件?

杰伊·乌卡尼(Jay Ukani)

您不必显示scss文件,请取消选中“启用CSS源映射”复选框

  1. 步骤1:-请开启chrome开发人员工具
  2. 步骤2:-F1
  3. 步骤3:-取消选中“启用CSS源映射”复选框

在此处输入图片说明

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

为什么我的自定义元素的所有 css 在 Chrome 开发工具中都显示为用户代理样式表?

为什么有时仍显示_site文件以进行提交?

当:after不显示时,Google Chrome开发工具会从DOM中删除元素的:after。

为什么有时有时首选关键代理而不是配置文件?

为什么Chrome开发者工具会添加文件中未包含的元素?

为什么Chrome开发工具将日期__proto__显示为无效日期?

为什么我的 CSS 动画仅在开发工具中选择元素时才起作用?

为什么我的 JavaScript 文件只显示在 Chrome 开发者工具中的包中?

在Chrome开发工具中加载单独的Sourcemap文件

Chrome开发工具:来自javascript的[VM]文件

为什么点状 CSS 边框有时显示为正方形而不是圆形?

为什么有时在编辑文件后有时会创建重复文件?

Chrome开发工具中是否有一种方法可以不跳转其他JavaScript文件?

为什么Dropbox会显示不是我的文件的同步?

为什么打开Microsoft Edge开发工具会重新加载当前页面?

如何将文件系统中的文件添加到 chrome 检查元素开发工具?

pip:为什么有时以鸡蛋形式安装,有时以文件形式安装

为什么当我的IDE没有时,javac会抛出编译错误?

为什么Chrome开发工具和Jmeter中的页面加载存在时间差异

为什么在Chrome开发工具中检查变量后,变量会发生变化?

为什么Array.prototype.sort()在Chrome开发工具中不起作用?

Chrome开发工具显示灰色的计算属性是什么意思

为什么 Pip 没有编译文件而不是轮子?

为什么使用适用于JavaScript的AWS开发工具包列出S3存储桶文件夹中的对象会返回空的Contents数组,但KeyCount大于1?

为什么React开发工具将我的组件显示为Anonymous?

chrome开发工具可以在左侧,而不是右侧吗?

为什么`find`有时会找到我的文件,有时却找不到

Puppeteer的page.cookies()不会检索Chrome开发工具中显示的所有cookie

没有chrome开发工具就不会显示ace编辑器