LESS：如何使用dumpLineNumbers

這可能是一個非常基本的問題。我是LESS的新手，希望瞭解少JavaScript對象的dumpLineNumbers屬性。我已經添加它的HTML文件，但不能看到在瀏覽器的輸出或瀏覽器的調試工具有什麼區別。它是如何工作的？LESS：如何使用dumpLineNumbers

下面是我使用的源文件：

的index.html：

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8" /> 
    <title>Example Code</title> 
    <meta name="description" content="Example Code" /> 
    <meta name="author" content="John Doe" /> 
    <link rel="stylesheet/less" type="text/css" href="less/styles.less" /> 
    <script type="text/javascript">less = { env: 'development', dumpLineNumbers: 'mediaQuery' };</script> 
    <script type="text/javascript" src="less-1.6.0.js"></script> 
</head> 
<body> 
    <h1>Less is Cool!</h1> 
    <p>Hello World!</p> 
</body> 
</html>

以下/ Styles.css中：

.mixin { 
    color: green; 
} 

p { .mixin; }

即使我在m中引入一個錯誤ŸCSS，例如如下，其中我刪除一個右括號：

h1 {color:red; } 

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

p { .mixin; }

我還沒有看到在輸出任何差異，當我刪除dumpLineNumbers財產。

謝謝。

來源

2014-10-11 John Sonderson

此選項生成一個古老的薩斯兼容調試信息（編碼爲特殊媒體查詢塊或根據選項值CSS註釋）。這種格式不再廣泛使用，現在幾乎不贊成使用「sourcemaps」調試格式。換句話說，忘掉這個選項 - 它很快就會被移除。 – 2014-10-12 14:48:03

謝謝你的回答。我想了解更多關於你提到的調試信息。我在哪裏可以找到兼容Sass的調試信息？它沒有出現在我的網頁瀏覽器中。我在哪裏可以查看「sourcemaps」調試格式。什麼是源代碼？謝謝。 – 2014-10-12 15:56:55

您最喜愛的搜索引擎中的基本搜索查詢應該能夠做到。 – 2014-10-12 20:16:51

首先，你將不得不寫mediaquery小寫，比它會在更短的工作到至少1.7.5版本。

在編譯的CSS，你會發現線路如：

@media -sass-調試信息{{名FONT-FAMILY：文件：///home/t.less}行{FONT-FAMILY ：\ 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>

或者你追加的URL。

通知書運行以下命令編譯服務器端的時候，你可以這樣做：

lessc --line-numbers=mediaquery index.less

其次，你應該找一個工具，它可以讀取這些線。對於火狐有fireless，這似乎是死衚衕了。 Fireless需要一個補丁版本的LESS，它不再可用/不受支持。

另見：

Less/Sass debugging in Chrome Dev Tools/Firebug

來源

2014-10-19 20:55:00

LESS：如何使用dumpLineNumbers

回答

相關問題