Подтвердить что ты не робот

Less.js не работает в хроме

Я заметил, что less.js работает в firefox, но не в Chrome, или это потому, что я сделал ошибку?

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

даже если я пытаюсь html { background: red; } он все еще не работает в chrome, я делаю ошибку где-то?

4b9b3361

Ответ 1

Из предоставленной вами ссылки: Браузер Less.js script в настоящее время не работает, если вы используете Chrome, и путь к вашей странице начинается с "file:///" из-за известной проблемы Chrome.

Ответ 2

Литий правилен, существует известная проблема с Chrome при загрузке локальных файлов javascript. Это функция безопасности в Chrome. Я знаю о двух обходных решениях:

  • Разработайте свои локальные проекты на веб-сервере. Вы можете легко установить и использовать Apache, хотя настройка требует некоторого терпения. Если вы находитесь в Windows, вы можете установить IIS. Когда вы сделаете это, вместо двойного щелчка по файлу HTML вы перейдете к нему из http://localhost/

  • Добавьте переключатель командной строки -allow-file-access-from-files в свой ярлык, и Chrome позволит вам загружать LESS.JS без суеты.

У меня возникает соблазн упомянуть использование другой версии менее конвертера, такой как ruby ​​ lessc версия, или один из портов для PHP или .NET, но less.js является более актуальным, и я думаю, что вы должны держись с ним.

Ответ 3

В случае, если кому-либо еще понадобится быстрое решение для Mac OS X (проверено на Lion)

"Пошаговое руководство для чайников"



Специальный спасибо в Lithium, Натан Струц + ребята от этого сообщения в суперпользователе



Создать AppleScript

Apple Script Editor

с помощью следующей команды


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

AppleScript

Затем сохраните как приложение

save as Application

(я положил это в свою док-станцию ​​и добавил альтернативный значок Chrome для быстрого доступа)

add to Dock

ВАЖНО: Chrome должен быть закрыт, чтобы этот script (приложение) работал.

Ответ 4

Собственно, вопреки принятому ответу это работает нормально. Я нахожусь в Chrome 19, Mac OS X, контекст - расширение Chrome. Я испытал ту же проблему. Я начал экспериментировать с разными способами, чтобы включить его, отключив текст в rel, type, href и т.д.

Это работает, ключ - href="css/styles.css(используйте .css, not.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>

Стили красиво применяются, а в консоли JavaScript в Chrome сказано следующее (слегка разборчивое для ясности):

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

Я знаю, что один из них не должен использовать скомпилированную клиентскую часть CSS, но в контексте расширения Chrome нет альтернативы, кроме обычного CSS (eww). Вы не можете запрашивать таблицу стилей с сервера либо потому, что клиент будет в автономном режиме время от времени.

Ответ 5

Я рекомендую использовать скомпилированный vesion файла LESS. Вы можете сделать это, например, в Windows с WinLess или SimpLESS.

Я использую winless. Он автоматически компилирует мои .css файлы, когда я сохраняю свой код.

Вам также нужно запустить свой пример на веб-сервере, например, IIS/tomcat/Jboss

Я надеюсь, что это поможет

Ответ 6

Редактирование тега ссылки на что-то вроде этого позволит работать с любым браузером ТОЛЬКО, если вы не используете меньше синтаксиса в файле:

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

Так почему бы вам использовать простой css в меньшем файле? Не знаю, но так, чтобы вы знали.

Ответ 7

Я нашел это маленькое приложение очень полезным, чтобы обойти файл://проблема: Anvil для Mac. Одна минута, и это upp и работает так много сайтов, как вам нравится через URL, например http://myapp.dev.

http://anvilformac.com/

Ответ 8

Если вы не хотите использовать -allow-file-access-from-files или запускать wamp, lamp и т.д., Вы можете использовать это расширение, оно мне очень помогло. ссылка