LESS 在 IE11 中不起作用 - 为什么？答案

【问题标题】：LESS not working in IE11 - Why?LESS 在 IE11 中不起作用 - 为什么？
【发布时间】：2014-09-24 11:14:51
【问题描述】：

我有以下示例：

<style type="text/less">
@bg: black;
@fg: white;
body {
 background-color: @bg;
 color: @fg;
}
</style>

<script type="text/javascript" language="JavaScript"
  src="http://cdnjs.cloudflare.com/ajax/libs/less.js/1.7.3/less.js">
</script>
<title> test </title>
</head>

<body>
test

<script type="text/javascript" language="JavaScript">
  alert("test");
</script>

</body>

</html>

它在 Firefox、Chrome 和 Opera 中显示 JavaScript 警报和黑底白字。由于某种原因，它在 IE11 中不起作用：正在显示警报，但没有发生 LESS 解析。我让 IE11 开发人员工具在所有异常情况下都中断，但似乎没有任何问题。

警报在这里是因为我担心 Internet Explorer 可能根本不执行脚本，但显然不是这样。

顺便说一句，我也用早期版本试过这个

https://raw.github.com/cloudhead/less.js/master/dist/less-1.3.3.min.js

而不是来自cdnjs.cloudflare.com 的那个，也没有运气。

据我所知，IE11 应该支持LESS。如果有人知道为什么它不起作用，我将不胜感激。

编辑这似乎是我的 Internet Explorer 配置的问题。我在 Windows 2008 R2 机器上，所有的 Internet Explorer 设置都是默认设置。

【问题讨论】：

除了 morkro 已经发布的内容之外，我也找不到任何其他问题。但是看看这个thread，看看那里提到的任何东西对你有帮助。

标签： javascript css internet-explorer web less

【解决方案1】：

将您的 LESS 代码放在<script>tag 之后。

<script type="text/javascript" language="JavaScript"
  src="http://cdnjs.cloudflare.com/ajax/libs/less.js/1.7.3/less.js">
</script>
<style type="text/less">
@bg: black;
@fg: white;
body {
 background-color: @bg;
 color: @fg;
}
</style>
<title> test </title>

如果你在包含less.js 之前放置它，浏览器不知道如何处理那段代码。这就是它没有被解析的原因。

另一种方法：删除所有<script> 标签上的language="JavaScript"，因为该属性已被弃用。

【讨论】：

我应该提到的，我已经想到了，并尝试了两个命令。两者都不起作用 =(.
不，很遗憾没有。删除了它们并尝试了脚本和样式的两种安排。弹出警报窗口，但没有黑色背景。
@JeskoHüttenhain 这个fiddle 对我有用，即使是 IE9。您是否有问题的链接，或者您可以提供问题的 jsFiddle 吗？
好的。除非我将 jsfiddle.net 添加到我的“受信任站点”中，否则它甚至不会在我的 IE11 中 load 。之后，它既不会显示警报弹出窗口，也不会更改颜色。我有一种明显的感觉，这与我的 Internet Explorer 配置有关，但我真的不知道是什么原因造成的。
PS：+1 为您的帮助，我真的很感激。