less.js无法使用chrome

Question

我注意到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中工作我在某处犯了错误？

Answer 1

从您提供的链接:如果您使用的是Chrome,则目前无法使用Less.js浏览器脚本,并且由于已知的Chrome问题,您的网页路径以"file:///"开头.

Answer 2

锂是正确的,加载本地javascript文件有一个已知的Chrome问题.这是Chrome中的安全"功能".我知道有两种解决方法:

1. 使用Web服务器开发本地项目.您可以非常轻松地安装和使用Apache,但配置需要一些耐心.如果您使用的是Windows,则可以安装IIS.执行此操作时,您将从http:// localhost /浏览到该文件,而不是双击HTML文件.

2. 将命令行开关添加-allow-file-access-from-files到您的快捷方式,Chrome将允许您毫不费力地加载LESS.JS.

我很想提到使用不同版本的less转换器,比如ruby lessc版本,或PHP或.NET的一个端口,但less.js更新,我认为你应该继续使用它.

Answer 3

万一其他人需要在Mac OS X上快速解决此问题(在Lion上测试)

"傻瓜演练"

特别THX以锂,弥敦道Strutz +的球员,从这个职位上的超级用户

创建AppleScript

使用以下命令

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

然后保存为应用程序

(我将它放入我的底座并添加了另一个Chrome图标以便快速访问)

重要提示:需要关闭Chrome才能使此脚本(App)正常运行.