less.js no funciona en cromo

Noté que less.js está funcionando en Firefox pero no en Chrome, ¿o es porque cometí un error?

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

incluso si pruebo html { background: red; } html { background: red; } todavía no funciona en Chrome estoy cometiendo un error en alguna parte?

Desde el enlace que proporcionó: El script del navegador Less.js actualmente no funcionará si usa Chrome y la ruta a su página comienza con “file: ///” debido a un problema conocido de Chrome.

Lithium es correcto, hay un problema conocido de Chrome con la carga de archivos javascript locales. Esta es una “característica” de seguridad en Chrome. Hay dos soluciones que conozco:

  1. Desarrolla tus proyectos locales con un servidor web. Puede instalar y usar Apache muy fácilmente, aunque la configuración requiere algo de paciencia. Si está en Windows, puede instalar IIS. Cuando haga esto, en lugar de hacer doble clic en un archivo HTML, lo buscará desde http: // localhost /

  2. Agregue el -allow-file-access-from-files línea de comandos -allow-file-access-from-files a su acceso directo y Chrome le permitirá cargar LESS.JS sin ningún problema.

Estoy tentado de mencionar el uso de una versión diferente del menor conversor, como la versión ruby lessc , o uno de los puertos para PHP o .NET, pero less.js es más actual, y creo que deberías seguir con eso.

En caso de que alguien más necesite una solución rápida para esto en Mac OS X (probado en Lion)

“Tutorial para dummies”



Especial thx a Lithium , Nathan Strutz + los chicos de este post en Superuser



Crea un AppleScript

Editor de secuencias de comandos Apple

con el siguiente comando


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

AppleScript

A continuación, guarde como aplicación

guardar como aplicación

( Puse esto en mi base de acoplamiento y agregué un ícono de Chrome alternativo para un acceso rápido )

añadir al Dock

IMPORTANTE: Chrome debe cerrarse para que funcione este script (aplicación) .

En realidad, contrariamente a la respuesta aceptada, esto funciona bien. Estoy en Chrome 19, Mac OS X, el contexto es una extensión de Chrome. Experimenté el mismo problema. Empecé a experimentar con diferentes formas de incluirlo, cambiando texto en rel, type, href, etc.

Esto funciona, la clave es href = “css / styles.css (use .css, not .less):

   

Los estilos se aplican muy bien y la consola de JavaScript en Chrome tiene lo siguiente que decir (un poco despojado para mayor claridad):

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

Sé que se supone que uno no debe usar el lado comstackdo del cliente CSS, pero en el contexto de una extensión de Chrome no hay otra alternativa que no sea el CSS regular (eww). No puede solicitar la hoja de estilo desde un servidor porque el cliente estará fuera de línea de vez en cuando.

Te recomiendo usar una versión comstackda del archivo LESS. Puede hacer esto, por ejemplo, en Windows con WinLess o SimpLESS.

Estoy usando Winless. Automáticamente comstack mis archivos .css cuando guardo mi código.

También necesita ejecutar su ejemplo en un servidor web como IIS / tomcat / Jboss

Espero que ayude

La edición de la etiqueta de enlace a algo así lo hará funcionar SOLAMENTE con cualquier navegador si no está utilizando la syntax Less dentro del archivo:

  

Entonces, ¿por qué usarías un CSS simple en un archivo menos? No tengo idea, pero solo para que lo sepas.

Encontré esta pequeña aplicación muy útil para eludir el problema del archivo: //: Anvil for Mac. Un minuto y está ejecutando todos los sitios que desee a través de URL como http://myapp.dev .

http://anvilformac.com/