LESS和IE支持(低于10)

Question

这是我第一次来这里，所以如果我犯了一些错误，我很抱歉。

我对IE读取LESS文件有问题。它抛出以下错误：

"SyntaxError:对象在测试中不支持此属性或方法。less"

这是一个非常好的特殊div，页面顶部有这些单词。不在调试中，什么都没有，它是干净的。所有其他浏览器对此都没有问题。

我整天都在努力，但一无所获。现在，即使是我也只尝试使用这个LESS文件：这是test.LESS文件。

body { margin: 0 auto; background-color:red; }

所以没什么新奇的，对吧。但仍然一无所获。所以我想有一个我不知道的问题。但是什么？

这是我的狙击：

<link rel="stylesheet/less" type="text/css" href="src/showcase/Presentation/Css/test.less" />    
    <script src="src/showcase/Presentation/Script/less.js"></script>
    <script src="src/showcase/Presentation/Script/main.js"></script>

顺便说一下，在IE 10中它是有效的。

如果能给我一个有用的提示，我将不胜感激。

Answer 1

根据网站，LESS不正式支持任何版本的Internet Explorer。

• "LESS在客户端运行（仅限现代浏览器）。"[LESS网站]
• "IE9没有得到官方支持——它可能起作用，也可能不起作用。"

我建议将.less文件编译为CSS，并在所有浏览器中引用这些文件。您可以使用SimpLESS等工具监视.less文件，并在检测到更改时自动编译它们。

Answer 2

如果使用较少的1.3.0版本，它可以工作。您也可以使用if-else 管理较少的版本

<!--[if (!IE)|(gt IE 8)]><!-->
  <script src="~/less-2.5.0.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8]>
   <script src="~/less-1.7.4.min.js"></script>
<![endif]-->

更重要的是不要在你的less文件中使用import-css语句。

---

注意：确实，较低的当前版本不支持IE8等旧浏览器，但这些较低的旧版本支持。