LESS работает только на моем локальном сервере MAMP

Так что я пытаюсь использовать МЕНЬШЕ на сайте, который я делаю для друга. Когда я создаю таблицу без стилей и свяжу ее с моим html и пытаюсь увидеть его локально в своем браузере, он не отображает ни один из стилей, которые я создал. Но когда я загружаю сайт на свой локальный сервер MAMP и просматриваю его, он работает. Это не огромная сделка, я всегда могу просто отредактировать ее на своем локальном сервере, я просто хочу знать, почему она не работает при просмотре файла test.html на моем рабочем столе. Кодекс ...LESS работает только на моем локальном сервере MAMP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<title>Untitled Document</title> 
<link rel="stylesheet/less" href="styles.less" type="text/css"/> 
<script type="text/javascript" src="less-1.5.0.min.js"></script> 
</head> 

<body> 
<div> 
    <header> 
     <h1>First LESS Examples</h1> 
    </header> 

    <div> 
     <p>This is some content in the web page.</p> 
    </div> 
</div> 

</body> 
</html>

style.less

@baseColor: #535353; 

header { 
font-family: Arial, Helvetica, sans-serif; 
background-color: lighten(@baseColor, 50%); 
border: 1px solid darken(@baseColor, 10%); 
color: @baseColor; 
}

источник

2013-12-21 Jacob Buller

Большинство браузеров не запускают локальные сценарии файлов по соображениям безопасности. См. [1] (http://stackoverflow.com/a/18531239/2712740), [2] (http://stackoverflow.com/questions/3084892/less-js-not-working-in-chrome) и т. Д. , –

я на самом деле понял. Если кто-то задавался вопросом, как это сделать ...

Я использую MAMP Pro и перенес свою корневую папку на свой локальный хост и настроил сервер на интерфейсе MAMP.

Затем, используя расположение корневой папки и URL-адрес, я создал новый сайт на Dreamweaver - став сервером тестирования.

Затем я использовал CodeKit для компиляции бездействующих файлов, создавая их в Dreamweaver и сохраняя их в своей корневой папке.

Затем я связал файл CSS, сгенерированный с кодом CodeKit, на странице index.html, и теперь я могу видеть обновленный веб-сайт с помощью CSS в режиме просмотра в режиме Dreamweaver, а также в браузере Chrome, который автоматически обновляется, когда корневая папка обновляется на моем локальном сервере - благодаря CodeKit.

источник

2013-12-21 17:17:44

LESS работает только на моем локальном сервере MAMP

ответ

Смежные вопросы