less.js non funziona in Chrome

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

  •  28-09-2019
  •  | 
  •  

Domanda

ho notato che meno.js funziona in Firefox ma non in Chrome oppure è perché ho commesso un errore? 

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

anche se ci provo html { background: red; } ancora non funziona in Chrome, sto commettendo un errore da qualche parte?

È stato utile?

Soluzione

Dal link che hai fornito: Less.js script del browser attualmente non funziona se si sta utilizzando Chrome e il percorso alla tua pagina inizia con “file: ///” a causa di un problema di Chrome noto.

Altri suggerimenti

Il litio è corretta, c'è un problema di Chrome noto con il caricamento di file javascript locali. Questa è una sicurezza "caratteristica" in Chrome. Ci sono due soluzioni che io conosca:

  1. Tariffe e progetti locali con un server web. È possibile installare e utilizzare Apache molto facilmente, anche se configurazione richiede un po 'di pazienza. Se siete su Windows, potrebbe essere in grado di installare IIS. Quando si esegue questa operazione, invece di fare doppio clic su un file HTML, navigherai ad esso da http: // localhost /

  2. Aggiungere l'opzione della riga di comando -allow-file-access-from-files per la scorciatoia e Chrome vi permetterà di caricare LESS.JS senza tante storie.

sono tentato di parlare con una diversa versione del convertitore di meno, come la versione rubino lessc, o di uno dei porti a PHP o .NET, ma less.js è più attuale, e penso che si dovrebbe tenere con esso.

Nel caso in cui nessun altro mai ha bisogno di una soluzione rapida per questo su Mac OS X (testato su Lion)

"Walkthrough for dummies"

Speciale thx per litio , Nathan Strutz + i ragazzi di questo post su Superuser

Crea un AppleScript

Apple Script Editor

con il seguente comando 

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

AppleScript

Salva con nome Poi Application

Salva con nome Application

( ho messo questo nel mio dock e ha aggiunto un'icona Chrome alternativa per l'accesso rapido )

aggiungi al Dock

ATTENZIONE: Chrome deve essere chiuso in modo che questa di script (App) al lavoro.

In realtà, in contrasto con la risposta accettato questo funziona bene. Sono su Chrome 19, Mac OS X, il contesto è un'estensione per Chrome. Ho sperimentato lo stesso problema. Ho iniziato a sperimentare modi diversi di includerlo, il passaggio fuori testo nella rel, tipo, href e così via.

Questo funziona, la chiave è href = "css / styles.css (uso css, non .less): 

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

Gli stili sono ben applicate e la console JavaScript in Chrome è a dire quanto segue (un po 'spogliata per chiarezza): 

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

So che uno non si dovrebbe utilizzare compilato lato client CSS, ma nel contesto di un'estensione Chrome non c'è alternativa diversa da regolare CSS (eww). Non è possibile richiedere il foglio di stile da un server o perché il cliente sarà in linea di tanto in tanto.

Ti consiglio di utilizzare una versione compilata del file LESS.Puoi farlo ad esempio in Windows con WinLess o SimpLESS.

Sto usando Winless.Compila automaticamente i miei file .css quando salvo il mio codice.

Devi anche eseguire il tuo esempio su un server web come IIS/tomcat/Jboss

spero possa essere d'aiuto

Modifica il tag link a qualcosa come questo renderà il lavoro con qualsiasi browser SOLO se non si utilizza Meno sintassi all'interno del file: 

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

Quindi, perché si utilizza un css pianura in un file di meno? Non ne ho idea, ma solo così sai.

Ho trovato questo piccola applicazione per essere molto utile per aggirare il file: // problema: Anvil per Mac. Un minuto ed è UPP e funzionante come molti siti come ti piace attraverso URL come http://myapp.dev .

http://anvilformac.com/

Se non si desidera utilizzare -ALLOW-file-access-from-file, o WAMP corsa, una lampada o ecc è possibile utilizzare questa estensione che mi ha aiutato molto. il link

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top