less.js arbeiten nicht in Chrom

StackOverflow https://stackoverflow.com/questions/3084892

  •  28-09-2019
  •  | 
  •  

Frage

bemerkte ich, dass less.js arbeitet in Firefox, aber nicht in Chrome, oder ist es, weil ich einen Fehler gemacht? 

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

auch wenn ich html { background: red; } versuche es immer noch nicht funktioniert in Chrom bin ich, damit ich irgendwo einen Fehler?

War es hilfreich?

Lösung

Aus dem Link zu finden: Less.js Browser-Skript zur Zeit nicht funktioniert, wenn Sie Chrome und der Pfad zu Ihrer Seite beginnt mit „file: ///“ verwenden aufgrund eines bekannten Chrome Problems.

Andere Tipps

Lithium richtig ist, ist es ein bekanntes Chrome Problem mit lokalen Javascript-Dateien geladen werden. Dies ist eine Sicherheits „Feature“ in Chrome. Es gibt zwei Lösungen, die ich kenne:

  1. Entwickeln Sie Ihre lokalen Projekte mit einem Web-Server. Sie können Apache installieren und verwenden sehr leicht, obwohl Projektierungs etwas Geduld nimmt. Wenn Sie auf Windows verfügbar sind, können Sie in der Lage sein, IIS zu installieren. Wenn Sie das tun, statt einen Doppelklick auf eine HTML-Datei, werden Sie es sehen http: // localhost /

  2. Fügen Sie die Befehlszeilenoption -allow-file-access-from-files auf Ihre Verknüpfung und Chrome ermöglicht es Ihnen, LESS.JS ohne viel Aufhebens.

    3. zu laden

Ich verwende eine andere Version des weniger Konverter, wie die rubin lessc Version oder einer der Ports zu PHP zu erwähnen versucht oder .NET, aber less.js ist mehr Strom, und ich denke, Sie halten sollen es.

Falls jemand anderes braucht immer eine schnelle Lösung für diese auf Mac OS X (getestet auf Lion)

"Lösungsweg für Dummies"

Spezielle thx Lithium , Nathan Strutz + die Jungs von dieser Beitrag auf Superuser

Erstellen Sie einen Apple

Apple Script Editor

mit folgendem Befehl 

do shell script "/Applications/Google\\ Chrome.app/Contents/MacOS/Google\\ Chrome-allow-file-access-from-files"

Applescript

Speichern Sie dann als Application

Speicher als Application

( Ich habe dies in meinem Dock und eine Alternative Chrome-Symbol für den schnellen Zugriff hinzugefügt)

auf Dock hinzufügen

Wichtig: muss Chrome für diese, um geschlossen werden Skript (App) an die Arbeit.

Eigentlich entgegen der akzeptierten Antwort tut dies gut funktionieren. Ich bin auf Chrome 19, Mac OS X, Kontext ist eine Chrome-Erweiterung. Ich erlebte das gleiche Problem. Ich begann mit verschiedenen Möglichkeiten zu experimentieren, es zu schließen, Text in der rel, Typ, href Schalte und so weiter.

Das funktioniert, ist der Schlüssel href = "css / styles.css (Verwendung CSS-, nicht .Weniger): 

<link rel="stylesheet/less" type="text/css" href="css/styles.css" />
<script src="libs/less-1.3.0.min.js" type="text/javascript"></script>

Stile sind schön angelegt und der JavaScript-Konsole in Chrome hat folgendes zu sagen (der Klarheit halber leicht gestrippt): 

less: parsed /css/styles.css successfully. less-1.3.0.min.js:8
less: css generated in 33ms

Ich weiß, dass man nicht auf der Verwendung zusammengestellt CSS Clientseite soll, sondern im Rahmen einer Chrome-Erweiterung gibt es keine andere Möglichkeit, als regulären CSS (eww). Sie können nicht verlangen, das Stylesheet von einem Server entweder, weil der Client ab und zu offline sein.

Ich empfehle Ihnen, eine kompilierte zu verwenden vesion der Datei LESS. Sie können dies mit winless oder SimpLESS in den Fenstern zum Beispiel tun.

Ich verwende winless. Es stellt automatisch meine CSS-Dateien, wenn ich meinen Code speichern.

Sie müssen auch Ihr Beispiel auf einem Webserver wie IIS / tomcat / Jboss

laufen

Ich hoffe, es hilft

Bearbeiten des Link-Tages zu so etwas wie dies wird es mit jedem Browser funktioniert ONLY , wenn Sie mit weniger Syntax nicht in der Datei: 

<link rel="stylesheet" type="text/less" href="css/styles.less" />

Also warum sollten Sie verwenden eine einfache CSS in einer weniger Datei? Keine Ahnung, aber nur damit Sie wissen.

Ich fand dieses kleine App sehr nützlich zu sein, um die Datei zu umgehen: // Problem: Anvil für Mac. Eine Minute und es ist upp und laufen so viele Seiten wie Sie wie durch URLs wie http://myapp.dev .

http://anvilformac.com/

Wenn Sie nicht -Lassen-file-access-from-Dateien oder Lauf wamp verwenden möchten, eine Lampe oder usw. können Sie diese Erweiterung verwenden, es hat mir sehr geholfen. Link

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top