為什麼我的 LESS.js 程式碼無法在 Chrome 中運作？

Chrome 中的LESS.js 相容性問題

您遇到過LESS.js 在Firefox 中似乎可以運行但在Firefox 中卻不起作用的情況鉻合金。為了確定根本原因，讓我們檢查您提供的程式碼：

<code class="html"><link rel="stylesheet/less" href="css/style.less" />
<script src="http://lesscss.googlecode.com/files/less-1.0.21.min.js"></script>

@highlight: #cb1e16;
@shade1: #cb1e16;
@tone1: #5c6f7d;
@grad1: #e6edf3;
@grad2: #8a8d92;
@text1: #333e44;

header, footer, section, article, nav, aside { display: block; }

.grad {
  background: @grad2;
  background: -moz-linear-gradient(top, @grad1, @grad2 1200px);
  background: -webkit-gradient(linear, 0 0, 0 1200, from(#e6edf3), to(#8a8d92));
}

html {
  .grad;
  min-height: 100%;
}</code>

程式碼在語法上看起來是正確的，但讓我們解決您對 html { background: red; 的觀察結果。 } 在 Chrome 中也不行。

解釋在於 Chrome 的已知問題。 根據 LESS.js 文件，由於 Chrome 特定的限制，如果頁面路徑以「file:///」開頭，瀏覽器腳本將無法運作。

要解決此問題，請考慮使用 Web 伺服器來託管您的頁面，而不是直接從本機檔案開啟它。或者，您可以探索使用預先建置的 LESS CSS 文件，而不是依賴瀏覽器腳本。

以上是為什麼我的 LESS.js 程式碼無法在 Chrome 中運作？的詳細內容。更多資訊請關注PHP中文網其他相關文章！