为什么我的 LESS.js 代码无法在 Chrome 中运行？

Chrome 中的 LESS.js 兼容性问题

您遇到过 LESS.js 在 Firefox 中似乎可以运行但在 Firefox 中却不起作用的情况铬合金。为了确定根本原因，让我们检查您提供的代码：

<code class="html"><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%;
}</code>

代码在语法上看起来是正确的，但让我们解决您对 html { background: red; 的观察结果。 } 在 Chrome 中也不起作用。

解释在于 Chrome 的一个已知问题。 根据 LESS.js 文档，由于 Chrome 特定的限制，如果页面路径以“file:///”开头，浏览器脚本将无法工作。

要解决此问题，请考虑使用 Web 服务器来托管您的页面，而不是直接从本地文件打开它。或者，您可以探索使用预构建的 LESS CSS 文件，而不是依赖浏览器脚本。

以上是为什么我的 LESS.js 代码无法在 Chrome 中运行？的详细内容。更多信息请关注PHP中文网其他相关文章！