我不能让less.js工作,我也不知道为什么。下面是我尝试过的HTML:
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8" />
<!-- CSS -->
<link rel="stylesheet/less" href="main.less" />
<!-- Javascript -->
<!-- <script src="http://lesscss.googlecode.com/files/less-1.0.18.min.js"></script> -->
<script src="less-1.0.18.min.js" type="text/javascript"></script>
</head>
<body>
<p>
Lorum ipsum
</p>
</body>
</html>
下面是main.less:
p {
color: blue;
}
less-1.0.18.min.js文件从http://lesscss.googlecode.com/files/less-1.0.18.min.js下载。所有文件都在同一个文件夹中。我不知道为什么这不起作用。
在Chrome 12.0.742.100上测试
编辑
已尝试最新的less.js文件(-1.1.3.min.js)。那个也不起作用。
好了……
这是可行的:
<link rel="stylesheet" type="text/less" href="main.less" />
但只是作为普通的css,同样是特定的标记。
这根本不起作用:
<link rel="stylesheet/less" type="text/less" href="main.less" />
此外,这也不起作用:
<link rel="stylesheet/less" type="text/css" href="main.less" />
搞什么鬼?我怎样才能少工作?
发现错误
如果您使用的是Chrome,并且由于一个已知的Chrome问题,指向您的页面的路径以“file:///”开头,则
P.S.S. Less.js浏览器脚本目前将不起作用。
发布于 2011-09-28 05:48:29
如果您使用的是Chrome,并且由于一个已知的Chrome问题,指向您的页面的路径以“file:///”开头,则
P.S.S. Less.js浏览器脚本目前将不起作用。
但我们可以做的是使用wamp (pc)或mamap (mac)设置一个本地测试环境。那么它就可以正常工作了。
发布于 2012-01-04 08:33:33
您可以在启动chrome时使用命令行开关-allow-file-access-from-files -它将允许less.js访问本地更少的文件。
发布于 2011-10-20 02:25:29
尽管这篇文章是在不久前发布的,但我想我还是要为其他坚持这篇文章的人添加一些东西。
如果你使用的是windows机器,你可能想试一试WinLess。它是windows的预编译器。看起来使用起来很简单。祝好运。http://winless.org/
https://stackoverflow.com/questions/6372211
复制相似问题