LESS 在 IE11 中不起作用 - 為什么？

Question

我有以下示例：

<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 設置都是默認的。

Answer 1

將您的更少的代碼后<script>標記。

<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"屬性已被棄用。

LESS 在 IE11 中不起作用 - 為什么？

問題描述

1 個解決方案

解決方案1
5 已采納 2014-08-01 09:29:23

LESS 在 IE11 中不起作用 - 為什么？

問題描述

1 個解決方案

解決方案1 5 已采納 2014-08-01 09:29:23

解決方案1
5 已采納 2014-08-01 09:29:23