為什麼我的 Less.js 無法在 Chrome 中運作？

Less.js 在Chrome 中沒有響應

Less.js 在Firefox 中的功能在Chrome 中仍然沒有響應，這引起了人們的擔憂。為了確定原因，讓我們檢查提供的程式碼：

<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%;
}

程式碼似乎使用有效的 CSS 預處理器語法來實作 Less.js。然而，罪魁禍首在於所使用的環境和設定。根據提供的文件：

Chrome 中的Less.js 瀏覽器腳本限制

「如果您使用Chrome 並且，Less.js 瀏覽器腳本目前將無法運作頁面的路徑以「file:///…」開頭。 Chrome 中工作。

解決方案

要解決此問題，請嘗試以下操作：

使用網路伺服器提供檔案：
• 將檔案上傳到網頁伺服器並使用URL 存取它們（例如， http://example.com/style.less）。
使用本地主機設定：
• 運行本機開發伺服器（例如，PHP 的內建伺服器、Python 的SimpleHTTPServer）並存取您的透過http://localhost:8000/style.less 等地址發送文件。
考慮替代方案：
• 開發時使用grunt、gulp等Less.js處理工具編譯Less文件，確保與Chrome的兼容性。

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