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

首頁 > 程式設計 > 為什麼我的 Less.js 無法在 Chrome 中運作？

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

發佈於2024-11-17

Why Is My Less.js Not Working in Chrome?

Less.js 在Chrome 中沒有回應

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



@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。然而，罪魁禍首在於所使用的環境和設定。根據提供的文件：

Less.js 瀏覽器腳本限制在Chrome

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

解決方案

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

將檔案上傳到Web 伺服器並使用URL 存取它們（例如，http://example.com/style.less).
運行本地開發伺服器（例如， PHP 的內建伺服器、Python 的SimpleHTTPServer）並存取您的透過http://localhost:8000/style.less.
使用Less.js 處理工具，例如在開發過程中使用grunt 或gulp 來編譯Less 文件，確保它們與Chrome 的兼容性。

最新教學更多>

如何在 PHP 中組合兩個關聯數組，同時保留唯一 ID 並處理重複名稱？
在 PHP 中組合關聯數組在 PHP 中，將兩個關聯數組組合成一個數組是常見任務。考慮以下請求：問題描述：提供的代碼定義了兩個關聯數組，$array1 和 $array2。目標是建立一個新陣列 $array3，它合併兩個陣列中的所有鍵值對。此外，提供的陣列具有唯一的 ID，而名稱可能重疊。要求是建...

程式設計發佈於2024-11-17
大批
方法是可以在物件上呼叫的 fns 數組是對象，因此它們在 JS 中也有方法。 slice(begin)：將陣列的一部分提取到新數組中，而不改變原始數組。 let arr = ['a','b','c','d','e']; // Usecase: Extract till index ...

程式設計發佈於2024-11-17
如何在 Keras 中實現自己的損失函數？
Keras 中的自訂損失函數實作在 Keras 中，可以實現自訂損失函數來滿足特定的訓練要求。其中一個函數是骰子誤差係數，它測量真實標籤和預測標籤之間的重疊。要在 Keras 中建立自訂損失函數，請依照下列步驟操作：1。實作係數函數骰子誤差係數可以寫成：dice coefficient = (2 ...

程式設計發佈於2024-11-17
Bootstrap 4 Beta 中的列偏移發生了什麼事？
Bootstrap 4 Beta：列偏移的刪除和恢復Bootstrap 4 在其Beta 1 版本中引入了重大更改柱子偏移了。然而，隨著 Beta 2 的後續發布，這些變化已經逆轉。從 offset-md-* 到 ml-auto在 Bootstrap 4 Beta 1 中， offset-md-*...

程式設計發佈於2024-11-17
Go如何在沒有傳統機制的情況下實現多型？
探討Go語言中的多態性在物件導向程式設計中，多態性允許物件根據其類別表現出不同的行為。但在Go中，多態性的概念並不是傳統意義上的實現。讓我們深入探討一下這背後的原因，探討如何在 Go 中實現類似的功能。為什麼 Go 缺乏傳統的多態性Go 不是傳統的物件導向語言。它採用了不同的方法，使用：組合：由其...

程式設計發佈於2024-11-17
如何在Java中正確透過套接字傳輸檔案？
Java 透過套接字傳輸檔案：傳送和接收位元組數組Java 透過套接字傳輸檔案：傳送和接收位元組數組在Java 中，透過套接字傳輸檔案涉及將檔案轉換為位元組數組，透過套接字發送它們，然後在接收端將位元組轉換回檔案。本文解決了 Java 開發人員在實作此文件傳輸功能時遇到的問題。伺服器端問題byte...

程式設計發佈於2024-11-17
如何在 JavaScript 中格式化數字以顯示最少的小數位數？
在JavaScript 中格式化數字關於在JavaScript 中格式化數字的查詢，您可以利用內建函數toLocaleString() 和minimumFractionDigits選項。 toLocaleString() 方法可讓您根據使用者的區域設定或指定的區域設定格式化數字。透過將minimum...

程式設計發佈於2024-11-17
如何在 Go 中將數字轉換為字母？
在Go 中將數字轉換為字母了解了將數字轉換為字母的需要，讓我們探索在Go 中實現這一目標的各種方法.數字到符文的轉換一種簡單的方法是將數字添加到常量'A' - 1，其中每個數字相加代表字母表中的一個字母。例如，加 1 得到“A”，加 2 得到“B”。 func toChar(i in...

程式設計發佈於2024-11-17
如何在 PHP 中提取不含副檔名的檔名？
在PHP 中提取不帶擴展名的文件名使用神奇常數__FILE__ 可以輕鬆獲取PHP 中當前執行腳本的文件名。但是，如果您需要提取不含副檔名的檔案名，例如“.php”後綴，則過程略有不同。 basename() 解決方案：若要使用basename()函數刪除副檔名，您可以：basename(__FIL...

程式設計發佈於2024-11-17
如何在 PHP 和 MySQL 中同步時區？
在PHP 和MySQL 中同步時區您正在開發一個需要使用PHP date() 函數在MySQL 中儲存日期的應用程式。有必要使用 NOW() 在 MySQL 中比較這些日期來計算時間差異。但是，PHP date() 函數使用 PHP 中定義的時區，而 NOW() 使用 MySQL 伺服器中配置的時區...

程式設計發佈於2024-11-17
如何使用準備好的語句在 PHP MySQLi 中準備安全更新查詢？
如何為更新查詢準備語句為了增強使用PHP MySQLi 查詢更新資料庫時的資料安全性，建議採用準備好的聲明。雖然 PHP 文件提供了有關 bind_param() 的信息，但它缺少特定於更新查詢的範例。讓我們深入研究如何為更新查詢制定準備好的語句：準備查詢語句：將更新查詢中的所有變數替換為問題標記...

程式設計發佈於2024-11-17
如何將文字保留在圓角 Div 內？
確保文字保留在圓角Div 內在創建具有引人入勝的視覺元素的網頁時，通常會遇到圓角的需求無縫整合文字內容的div。然而，預設情況下，圓形 div 內的文字往往表現為其容器是方形的，超出了指定的圓形邊界。為了解決此問題，有許多解決方案，每種解決方案都有自己的優點和優勢限制：1。 Shape-Outsi...

程式設計發佈於2024-11-17
**擴充語法與其餘參數：ES2015 中的差異是什麼？
擴展語法與剩餘參數：揭開ES2015 中的差異瀏覽ES2015 中擴展語法和剩餘參數的細微差別可能是一個想法-令人難以置信的努力。在本指南中，我們將剖析它們在 JavaScript 不斷發展的格局中的對比角色。理解擴展語法：從一到多擴展語法（以' 表示） ...'）允許我們將可迭代...

程式設計發佈於2024-11-17
為什麼我的 Tomcat 伺服器顯示「所需的幾個連接埠已在使用中」？
Tomcat 伺服器連接埠衝突：解決錯誤「Several Ports required are Already in Use」嘗試在Tomcat 上啟動JSP 程式時Eclipse 中，使用者可能會遇到錯誤，指出Tomcat 所需的多個連接埠已在使用中。出現此問題的原因是存在另一個 Tomcat 實...

程式設計發佈於2024-11-17
如何在 Java 中確定文件建立日期？
在Java 中確定文件創建日期：揭示文件元數據確定文件的創建日期可能是一條有價值的信息，尤其是組織和管理文件時。 Java 提供了存取此元資料的機制，只要底層檔案系統支援即可。 Java 中的檔案建立日期Java NIO（新輸入/輸出）提供用於擷取檔案元資料的選項，包括建立時間。透過利用 Basic...

程式設計發佈於2024-11-17