为什么我的 Less.js 无法在 Chrome 中运行？

Less.js 在 Chrome 中没有响应

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%;
}

代码似乎使用有效的 CSS 预处理器语法来实现 Less.js。然而，罪魁祸首在于所使用的环境和设置。根据提供的文档：

Chrome 中的 Less.js 浏览器脚本限制

“如果您使用 Chrome 并且，Less.js 浏览器脚本目前将无法工作页面的路径以“file:///…”开头。这是由于已知的 Chrome 问题造成的。”

这意味着在使用本地文件而不是文件时，Less.js 可能无法在 Chrome 中运行。 Web 服务器。

解决方案

要解决此问题，请尝试以下操作：

• 使用 Web 服务器提供文件： 将文件上传到网络服务器并使用 URL（例如，http://example.com/style.less）访问它们。
• 使用本地主机设置： 运行本地开发服务器（例如 PHP 的内置服务器、Python 的 SimpleHTTPServer）并通过 http://localhost:8000/style.less 等地址访问您的文件。
• 考虑替代方案： 开发时使用grunt、gulp等Less.js处理工具编译Less文件，保证与Chrome的兼容性。

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