Javascript 减：如何使用DumpLineNumber

这可能是一个非常基本的问题。我是LESS的新手，希望能够理解 更少JavaScript对象的

dumpLineNumbers

属性的作用。我补充说 它将显示到html文件中，但在浏览器输出或中看不到任何差异 浏览器调试工具。它是如何工作的

以下是我正在使用的源文件：

index.html：

即使我在CSS中引入了一个错误，例如，我删除了右大括号，如下所示：

h1 {color:red; }

.mixin {    color: green; // closing brace omitted on purpose to cause an error

p { .mixin; }

当我删除

dumpLineNumbers

属性时，我仍然看不到输出中有任何差异

---

谢谢。

首先，您必须以小写形式编写

mediaquery

，这样至少在1.7.5版之前，它的工作效率会更低

在已编译的CSS中，您将看到以下行：

@媒体-sass调试信息{文件名{字体系列：file:///home/t.less}行{字体系列：\0000315}

在index.html中，您应该使用：

<script type="text/javascript">
less = {
    env: "development",
dumpLineNumbers: 'mediaquery'
}
</script>
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/1.7.5/less.min.js" type="text/javascript"></script>

其次，你应该找到一个可以阅读这些

@media-sass debug info

行的工具。对于firefox来说，有，这似乎是一条死胡同。Fireless需要一个补丁版本的LESS，它不再可用/受支持

另见：

---

此选项生成与Sass兼容的古老调试信息（根据选项值编码为特殊媒体查询块或CSS注释）。此格式不再广泛使用，现在几乎不推荐使用“源地图”调试格式。换句话说，忘记此选项-它很快就会被删除。感谢您的回答。我想了解有关您提到的调试信息的更多信息。在哪里可以找到与Sass兼容的调试信息？它不会出现在我的web浏览器中。我在哪里可以查看“sourcemaps”调试格式。什么是源地图？谢谢。你最喜欢的搜索引擎中的基本搜索查询应该可以做到这一点。谢谢，我发现下面的链接很有用，我可以看到Chrome内置了对CSS源地图的支持：对不起，我误解了你的问题

h1 {color:red; }

.mixin {    color: green; // closing brace omitted on purpose to cause an error

p { .mixin; }

<script type="text/javascript">
less = {
    env: "development",
dumpLineNumbers: 'mediaquery'
}
</script>
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/1.7.5/less.min.js" type="text/javascript"></script>

lessc --line-numbers=mediaquery index.less