less.js不工作在铬

我注意到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; } html { background: red; }它仍然无法正常工作我是否在某处犯了一个错误?

从您提供的链接中可以看出如果您使用的是Chrome浏览器,则Less.js浏览器脚本无法运行,而由于Chrome浏览器已知问题,您的网页path以“file:///”开头。

锂是正确的,加载本地JavaScript文件存在已知的Chrome问题。 这是Chrome中的一项安全“function”。 有两个解决方法,我知道:

  1. 使用Web服务器开发您的本地项目。 你可以很容易地安装和使用Apache,虽然configuration需要一定的耐心。 如果您在Windows上,则可以安装IIS。 当你这样做,而不是双击一个HTML文件,你将浏览从http:// localhost /

  2. 将命令行开关-allow-file-access-from-files到快捷方式,Chrome将允许您轻松加载LESS.JS。

我试图提到使用不同版本的less转换器,比如ruby lessc版本,或者PHP或.NET的其中一个端口,但less.js更为stream行,我认为你应该保持它。

如果有人在Mac OS X上需要快速解决这个问题(在Lion上testing)

“虚拟演练”



特别thx 锂 , Nathan Strutz + 超级用户从这个职位的人



创build一个AppleScript

苹果脚本编辑器

用下面的命令


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

AppleScript的

然后另存为应用程序

另存为应用程序

我把这个放进我的docker,并添加了一个替代的Chrome图标,以便快速访问

添加到Dock

重要提示: Chrome需要closures才能使此脚本(App)正常工作。

其实,与接受的答案相反,这工作得很好。 我在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)之外没有别的select。 您不能从服务器请求样式表,因为客户端会偶尔脱机。

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

我正在使用不胜。 它会自动编译我的.css文件,当我保存我的代码。

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

我希望它有帮助

编辑链接标签到这样的事情将使它只与任何浏览器工作,如果你没有使用较less的语法在文件中:

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

那么为什么你会在一个较less的文件中使用普通的CSS? 不知道,但只是你知道。

我发现这个小应用程序是非常有用的规避文件:/ /问题:苹果砧。 一分钟,这是upp和运行尽可能多的网站,只要你喜欢通过URL像http://myapp.dev

http://anvilformac.com/