No funciona LESS en IE 8 o anteriores

thetwist3rtws · #1 (**permalink**) 22/05/2014, 20:09

Hola a todos, pues como dice el titulo, tengo problemas usando LESS en Internet explorer 8 o anteriores.

Esto es lo que tengo como codigo.

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Title</title>
 <link rel="stylesheet/less" type="text/css" href="style.less">
<script type="text/javascript" src="less-1.7.0.min.js"></script>
</head>
 
<body>
a
<h1>Prueba</h1><br>
</body>
</html>

Funciona el renderizado en todos los navegadores incluyendo IE 9, pero en el 8 o anteriores no logro hacerlo funcionar.
Leí que supuestamente se puede cargar cambiando la manera de como se llama el archivo LESS así:
<link rel="stylesheet/less" type="text/x-less" href="style.less">

Donde la diferencia es lo que esta en type que es "text/x-less" pero así tampoco logró cargarlo.

¿Hay alguna manera de hacerlo funcionar en IE 8?

Solo se me ocurre hacer un comentario especial en esas versiones de IE para que llame un CSS con lo mismo del archivo LESS pero espero no tener que usar esa manera.

Saludos

pzin · #2 (**permalink**) 22/05/2014, 21:07

Aquí hay un comentario del autor de less.js: http://starikovs.com/2012/11/27/does...-ie-9-at-least

Cita:

IE9 is not officially supported – it may or may not work.

Es de suponer que no funcione en IE8.

Que digo yo... A mi personalmente me parece una burrada compilar mediante JavaScript. Tanto Sass, Less, Stylus y demás, tienen su microsistema en el entorno de desarrollo, no en producción. Que luego existan esas cosas, bueno... No quiere decir que sean lo mejor. Una opinión personal.

Si lo haces así, te olvidas de compatibilidades en ese sentido.