less.js 在 Chrome 中不起作用

StackOverflow https://stackoverflow.com/questions/3084892

  •  28-09-2019
  •  | 
  •  

题

我注意到 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 中仍然不起作用，我在某个地方犯了错误吗？

有帮助吗？

解决方案

从您提供的链接中： 如果您使用的是Chrome，那么Lys.js浏览器脚本目前将无法使用，并且由于已知的Chrome问题，页面的路径以“ file：///”开头。

其他提示

锂是正确的，加载本地JavaScript文件存在已知的Chrome问题。这是Chrome中的安全“功能”。我知道有两个解决方法：

  1. 使用Web服务器开发本地项目。您可以非常轻松地安装和使用Apache，尽管配置需要一些耐心。如果您在Windows上，则可以安装IIS。当您执行此操作时，您将从中浏览，而不是双击HTML文件 http：// localhost/

  2. 添加命令行开关 -allow-file-access-from-files 对于您的快捷方式和镀铬将使您大惊小怪地加载。

我很想使用不同版本的较少的转换器，例如Ruby lessc 版本，或php或.net的端口之一，但更少的js是最新的，我认为您应该继续使用。

万一其他人在Mac OS X上曾经需要快速解决方案（在狮子上测试）

“假人演练”

特殊THX 到 锂, 内森·斯特鲁茨（Nathan Strutz） +来自 这篇关于超级用户的帖子

创建一个applescript

Apple Script Editor

带有以下命令 

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

AppleScript

然后另存为应用程序

save as Application

(我将其放入码头中，并添加了一个替代的镀铬图标，以便快速访问)

add to Dock

重要的： 为此，镀铬需要关闭 脚本（应用） 去工作。

实际上，与公认的答案相反，这确实工作得很好。我使用的是 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) 之外别无选择。您也无法从服务器请求样式表，因为客户端会时不时地离线。

我建议您使用编译的吠陀 较少的文件。例如，您可以在Windows中使用无赢或简单执行此操作。

我正在使用无胜。保存代码时，它会自动编译我的.CSS文件。

您还需要在IIS / TOMCAT / JBOSS等网络服务器上运行示例

我希望它有帮助

将链接标签编辑为这样的内容将使它与任何浏览器一起使用 只要 如果您没有在文件中使用较少的语法：

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

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

我发现这个小应用程序对于规避文件非常有用：//问题：Mac的Anvil。一分钟，它是UPP，并且可以通过URL喜欢的方式运行尽可能多的网站 http://myapp.dev.

http://anvilformac.com/

如果您不想使用 - 允许使用from-from-files或运行wamp，lamp或等。您可以使用此扩展程序，对我有很大帮助。 链接

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top