首頁 >web前端 >css教學 >為什麼我的 Less.js 無法在 Chrome 中運作?

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

Patricia Arquette
Patricia Arquette原創
2024-11-02 10:11:30504瀏覽

Why Is My Less.js Not Working in 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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn