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 到Lithium，Nathan Strutz +来自this post on Superuser的人

---

---

创建AppleScript

使用以下命令

---

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

---

然后另存为应用

（我把它放入我的底座并添加了另一个Chrome图标以便快速访问）

重要事项：需要关闭Chrome才能使此脚本（应用程序）正常运行。

Answer 4

实际上，与接受的答案相反，这确实很好。我在Chrome 19，Mac OS X上，上下文是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>

很好地应用了样式，Chrome中的JavaScript控制台有以下内容（为了清晰起见，略微剥离）：

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

我知道不应该使用已编译的CSS客户端，但在Chrome扩展的上下文中，除了常规CSS（eww）之外别无选择。您无法从服务器请求样式表，因为客户端将不时地脱机。

Answer 5

我建议你使用LESS文件的编译版本。例如，您可以在使用WinLess或SimpLESS的窗口中执行此操作。

我正在使用winless。当我保存代码时，它会自动编译我的.css文件。

您还需要在IIS / tomcat / Jboss等网络服务器上运行您的示例

我希望它有所帮助

Answer 6

如果您未在文件中使用Less语法，则将链接标记编辑为此类内容将使其适用于任何浏览器仅：

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

那么为什么你会在较少的文件中使用普通的CSS？不知道，但只是你知道。

Answer 7

我发现这个小应用程序非常有用来规避文件：//问题：Anvil for Mac。一分钟，它可以通过URL http://myapp.dev运行尽可能多的网站。

http://anvilformac.com/

Answer 8

如果您不想使用-allow-file-access-from-files或运行wamp，lamp等，则可以使用此扩展名，它对我有很大帮助。 the link