less.js não funciona em cromo

Percebi que o less.js está funcionando no firefox, mas não no Chrome, ou porque cometi um erro?

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

mesmo se eu tentar html { background: red; } html { background: red; } ainda não funciona em cromo estou cometendo um erro em algum lugar?

A partir do link fornecido, o script do navegador Less.js não funcionará se você estiver usando o Chrome, e o caminho para sua página começa com “file: ///” devido a um problema conhecido do Chrome.

O lítio está correto, há um problema conhecido do Chrome com o carregamento de arquivos javascript locais. Este é um “recurso” de segurança no Chrome. Existem duas soluções alternativas que eu conheço:

  1. Desenvolva seus projetos locais com um servidor da web. Você pode instalar e usar o Apache com muita facilidade, embora a configuração tenha um pouco de paciência. Se você estiver no Windows, poderá instalar o IIS. Quando você fizer isso, em vez de clicar duas vezes em um arquivo HTML, você navegará para ele a partir de http: // localhost /

  2. Adicione o switch de linha de comando -allow-file-access-from-files ao seu atalho e o Chrome permitirá que você carregue o LESS.JS sem problemas.

Estou tentado a mencionar o uso de uma versão diferente do menos conversor, como a versão ruby lessc , ou uma das portas para PHP ou .NET, mas less.js é mais atual, e acho que você deve continuar com isso.

Caso alguém mais precise de uma solução rápida para isso no Mac OS X (testado no Lion)

“Passo a passo para manequins”



Thx especial para Lithium , Nathan Strutz + os caras deste post no Superusuário



Crie um AppleScript

Editor de scripts da Apple

com o seguinte comando


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

AppleScript

Em seguida, salve como Application

salvar como aplicativo

( Coloquei isso no meu dock e adicionei um ícone alternativo do Chrome para access rápido )

adicionar ao Dock

IMPORTANTE: o Chrome precisa ser fechado para que esse script (App) funcione.

Na verdade, ao contrário da resposta aceita, isso funciona bem. Estou no Chrome 19, Mac OS X, o contexto é uma extensão do Chrome. Eu experimentei o mesmo problema. Comecei a experimentar diferentes maneiras de incluí-lo, trocando o texto no rel, type, href e assim por diante.

Isso funciona, a chave é href = “css / styles.css (use .css, não .less):

   

Os estilos são bem aplicados e o console JavaScript no Google Chrome tem o seguinte para dizer (um pouco despojado para maior clareza):

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

Eu sei que não se deve usar o lado do cliente CSS compilado, mas no contexto de uma extensão do Chrome, não há outra alternativa além do CSS regular (eww). Você não pode solicitar a folha de estilo de um servidor porque o cliente ficará off-line de vez em quando.

Eu recomendo que você use uma versão compilada do arquivo LESS. Você pode fazer isso, por exemplo, em janelas com WinLess ou SimpLESS.

Estou usando o winless. Ele automaticamente compila meus arquivos .css quando eu salvo meu código.

Você também precisa executar o seu exemplo em um servidor como IIS / tomcat / Jboss

Espero que ajude

Editar a tag de link para algo assim fará com que funcione com qualquer navegador SOMENTE se você não estiver usando Menos syntax no arquivo:

  

Então, por que você usaria um CSS simples em um arquivo menor? Não faço ideia, mas só para você saber.

Eu encontrei este pequeno aplicativo para ser muito útil para contornar o arquivo: // problema: Anvil para Mac. Um minuto e está funcionando como muitos sites que você gosta através de URLs como http://myapp.dev .

http://anvilformac.com/