less.js не работает в Chrome

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

  •  28-09-2019
  •  | 
  •  

Вопрос

Я заметил , что 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, я где-то допускаю ошибку?

Это было полезно?

Решение

Из ссылки вы предоставили: Share.js Скрипт браузера В настоящее время не будет работать, если вы используете Chrome, и путь к вашей странице запускается с «Файл: ///» из-за известной проблемы Chrome.

Другие советы

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

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

  2. Добавьте коммутатор командной строки -allow-file-access-from-files Ваше ярлык и Chrome позволит вам загрузить меньше.

Я соблазн упомянуть, используя другую версию менее конвертера, как рубин lessc Версия или один из портов к PHP или .NET, но ress.js больше тока, и я думаю, что вы должны держать с ним.

Если кто-то еще когда-либо нуждается в быстром решении для этого на Mac OS X (проверено на льве)

«Прохождение для манекенов»

Специальный Thx. к Литий, Натан Стрец + ребята из Этот пост на суперпользовательской

Создайте AppleScript

Apple Script Editor

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

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

AppleScript

Тогда сохраните как приложение

save as Application

(Я положил это в мою док и добавил альтернативный значок хрома для быстрого доступа)

add to Dock

ВАЖНЫЙ: Chrome должен быть закрыт для этого для этого Сценарий (приложение) работать.

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

Это работает, ключ - href="css/styles.css (используйте .css, а не .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).Вы также не можете запросить таблицу стилей с сервера, потому что клиент время от времени будет находиться в автономном режиме.

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

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

Вам также необходимо запустить свой пример на веб-сервере, как IIS / TOMCAT / JBOSS

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

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

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

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

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

http://anvilformac.com/

Если вы не хотите использовать -allow-File-Access-из-файлов или запустить WAPP, лампу или т. Д. Вы можете использовать это расширение, которое мне очень помогло. ссылка

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top