Warum funktioniert mein Less.js nicht in Chrome?

Less.js reagiert nicht in Chrome

Die Funktionalität von Less.js in Firefox, während sie in Chrome nicht reagiert, hat Anlass zur Sorge gegeben. Um die Ursache zu ermitteln, untersuchen wir den bereitgestellten Code:

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

Der Code scheint Less.js mit gültiger CSS-Präprozessorsyntax zu implementieren. Der Übeltäter liegt jedoch in der Umgebung und den verwendeten Einstellungen. Gemäß der bereitgestellten Dokumentation:

Einschränkungen des Less.js-Browserskripts in Chrome

"Das Less.js-Browserskript funktioniert derzeit nicht, wenn Sie Chrome verwenden und Der Pfad zu Ihrer Seite beginnt mit „file:///…“. Dies liegt an einem bekannten Chrome-Problem.

Dies bedeutet, dass Less.js möglicherweise nicht funktioniert Chrome, wenn Sie lokale Dateien anstelle eines Webservers verwenden.

Lösung

Um das Problem zu beheben, versuchen Sie Folgendes:

• Dateien über einen Webserver bereitstellen: Laden Sie Ihre Dateien auf einen Webserver hoch und greifen Sie über eine URL darauf zu (z. B. http://example.com/style.less).
• Verwenden Sie ein Localhost-Setup: Führen Sie einen lokalen Entwicklungsserver aus (z. B. den integrierten Server von PHP, den SimpleHTTPServer von Python) und greifen Sie auf Ihren zu Dateien über eine Adresse wie http://localhost:8000/style.less.
• Bedenken Sie Alternativen: Verwenden Sie ein Less.js-Verarbeitungstool wie grunt oder gulp, um Less-Dateien während der Entwicklung zu kompilieren und so deren Kompatibilität mit Chrome sicherzustellen.

Das obige ist der detaillierte Inhalt vonWarum funktioniert mein Less.js nicht in Chrome?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!