less.js no trabajar en cromo

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

  •  28-09-2019
  •  | 
  •  

Pregunta

less.js está trabajando en Firefox pero no en Chrome, o es porque hice un error? 

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

incluso si intento html { background: red; } todavía no funciona en cromo estoy haciendo un algún lugar error?

¿Fue útil?

Solución

Desde el enlace que ya ha proporcionado: Less.js guión navegador actualmente no funcionará si está usando Chrome y la ruta de acceso a su página comienza con “file: ///” debido a un problema conocido Chrome.

Otros consejos

El litio es correcta, hay un problema de cromo conocido con la carga de archivos javascript locales. Esta es una "característica" de seguridad en Chrome. Hay dos soluciones, que yo sepa:

  1. Desarrollar sus proyectos locales con un servidor web. Puede instalar y utilizar Apache muy fácilmente, aunque configuración toma un poco de paciencia. Si está en Windows, es posible que pueda instalar IIS. Al hacer esto, en vez de hacer doble clic en un archivo HTML, se le navegar a la misma desde http: // localhost /

  2. Añadir el modificador de línea de comandos -allow-file-access-from-files a su acceso directo y Chrome permitirá cargar LESS.JS, sin problemas.

Estoy tentado a hablar usando una versión diferente de los menos convertidor, al igual que la versión de rubí lessc, o uno de los puertos a PHP o .NET, pero less.js es más actual, y creo que debe tener con a él.

En el caso de cualquier otra persona siempre necesita una solución rápida para esto en Mac OS X (probado en León)

"Tutorial para los simulado"

Especial THX litio , Nathan Strutz + los chicos de este mensaje el superusuario

Crear un AppleScript

Editor de secuencias de 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, guardar como Application

guardar como aplicación

( Me poner esto en mi muelle y añade un icono alternativo Chrome para el acceso rápido )

añadir al muelle

IMPORTANTE: Chrome debe estar cerrado para que este guión (App) para el trabajo.

En realidad, contrariamente a la respuesta aceptada que esto hace bien el trabajo. Estoy en Chrome 19, Mac OS X, el contexto es una extensión de Chrome. He experimentado el mismo problema. Empecé a experimentar con diferentes formas de incluirlo, el cambio fuera de texto en el rel, tipo, href y así sucesivamente.

esto funciona, la clave es href = "css / styles.css (.css uso, no .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>

Los estilos se aplican muy bien y la consola JavaScript en Chrome tiene que decir lo siguiente (ligeramente simplificada para mayor claridad): 

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

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

Te recomiendo que utilice un compilado vesión del archivo MENOS. Esto se puede hacer por ejemplo en ventanas con WinLess o Simpless.

Estoy usando sin victorias. Se compila automáticamente los archivos .css Cuando guardo mi código.

También necesita para hacer funcionar su ejemplo en un servidor web como IIS / Tomcat / Jboss

espero que ayude

Edición de la etiqueta de enlace a algo como esto va a hacer que funcione con cualquier navegador sólo si no está utilizando la sintaxis menos dentro del archivo: 

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

Así que ¿para qué usar un css normal en un archivo de menos? Ni idea, pero para que lo sepas.

Me pareció que esta pequeña aplicación es muy útil para eludir el archivo: // problema: Yunque para Mac. Un minuto y de UPP y funcionando tantos sitios como quieras a través de la URL de como http://myapp.dev .

http://anvilformac.com/

Si no desea utilizar -Permitir-file-access-from-archivos, o ejecutar wamp, lámpara, etc., o se puede utilizar esta extensión que me ha ayudado mucho. el enlace

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top