less.js non funziona in chrome

Ho notato che less.js funziona in Firefox ma non in Chrome, o perché ho fatto un errore?

  @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 provo html { background: red; } html { background: red; } ancora non funziona in chrome sto facendo un errore da qualche parte?

Dal link che hai fornito: lo script del browser Less.js attualmente non funzionerà se utilizzi Chrome e il percorso della tua pagina inizia con “file: ///” a causa di un problema noto di Chrome.

Il litio è corretto, c’è un problema noto di Chrome con il caricamento di file javascript locali. Questa è una “funzione” di sicurezza in Chrome. Esistono due soluzioni alternative che conosco:

  1. Sviluppa i tuoi progetti locali con un server web. È ansible installare e utilizzare Apache molto facilmente, anche se la configurazione richiede un po ‘di pazienza. Se sei su Windows, potresti riuscire a installare IIS. Quando si esegue questa operazione, anziché fare doppio clic su un file HTML, sarà ansible accedervi da http: // localhost /

  2. Aggiungi lo switch della riga di comando -allow-file-access-from-files al tuo collegamento e Chrome ti permetterà di caricare LESS.JS senza problemi.

Sono tentato di menzionare l’uso di una versione diversa del convertitore in meno, come la versione lessc ruby, o una delle porte di PHP o .NET, ma less.js è più attuale, e penso che dovresti tenerlo.

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

“Soluzione per i manichini”



Speciale grazie a Lithium , 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

Quindi salva come Applicazione

salva come Applicazione

(L’ ho messo nel mio dock e ho aggiunto un’icona alternativa di Chrome per l’accesso rapido )

aggiungi al Dock

IMPORTANTE: Chrome deve essere chiuso affinché questo script (app) funzioni.

In realtà, contrariamente alla risposta accettata, questo funziona bene. Sono su Chrome 19, Mac OS X, contesto è un’estensione di Chrome. Ho sperimentato lo stesso problema. Ho iniziato a sperimentare diversi modi per includerlo, cambiare testo nel rel, type, href e così via.

Funziona, la chiave è href = “css / styles.css (usa .css, non .less):

   

Gli stili sono applicati in modo appropriato e la console JavaScript in Chrome ha il seguente aspetto (leggermente spogliato per maggiore chiarezza):

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

So che non si suppone che utilizzi il lato client CSS compilato, ma nel contesto di un’estensione di Chrome non c’è altra alternativa oltre al normale CSS (eww). Non è ansible richiedere il foglio di stile da un server perché il client sarà offline di tanto in tanto.

Vi consiglio di utilizzare una versione compilata del file LESS. È ansible farlo ad esempio in Windows con WinLess o SimpLESS.

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

È inoltre necessario eseguire l’esempio su un server Web come IIS / tomcat / Jboss

spero possa essere d’aiuto

La modifica del tag di collegamento a qualcosa di simile funzionerà con qualsiasi browser SOLO se non si utilizza Less Syntax all’interno del file:

  

Quindi, perché dovresti usare un semplice css in un file meno? Non ne ho idea, ma solo per quello che sai.

Ho trovato questa piccola app molto utile per aggirare il problema: // problema: Anvil per Mac. Un minuto ed è in arrivo e in esecuzione come molti siti che vuoi tramite URL come http://myapp.dev .

http://anvilformac.com/