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/