XSLT en el cliente

Contexto de este artículo

• Tecnología y versión: XSLT 1.0 en el navegador e integración antigua de Internet Explorer.
• Año del artículo: 2006.
• Estado a 11 de octubre de 2026: Enfoque heredado. Chrome ha anunciado la retirada de XSLT del navegador; comprueba la compatibilidad real y considera transformar fuera del cliente.
• Documentación de referencia: Retirada de XSLT del navegador y alternativas (Chrome).

Conservo a continuación el texto y los ejemplos de aquella fecha como archivo técnico. No he ejecutado estos ejemplos en un entorno actual: esta revisión contextual no garantiza que funcionen hoy.

Introducción

En este artículo se explican las distintas soluciones que hay para el tratamiento de documentos a través de plantillas XSLT en el cliente, siempre que lo soporte el navegador.

Solución JavaScript

En los capítulos anteriores se ha explicado como XSLT puede ser usado para transformar documentos XML a XHTML. En muchos navegadores asociando una hoja de estilos XSL al documento XML, este nos hace la transformación automáticamente. Para lo cual se añadirá una etiqueta como la siguiente: <?xml-stylesheet type="text/xsl" href="cdcatalogo.xsl"?>. Donde cdcatalogo.xsl es la hoja de estilos asociada.

Incluso si así funciona, no siempre es deseable incluir una etiqueta de referencia a una hoja de estilos XSL dentro de un documento XML (Eje: Si se va a trabajar sobre un navegador que no soporta XSLT )

Una solución más versátil es el uso de JavaScript para realizar las transformaciones.

Usando JavaScript podremos:
     • Realizar testeos específicos con el navegador
     • El uso de diferentes hojas de estilo dependiendo de las necesidades del navegador y del usuario

Uno de los puntos fuertes de XSLT es que hace posible la transformación de los datos de un formato a otro, soportando diferentes navegadores y necesidades de usuario.

Las transformaciones XSLT en el lado del cliente será un salto para la mayor parte de las tareas de trabajo de un navegador y estamos viendo un crecimiento en el mercado de los navegadores especializados (Braile, Navegadores auditivos, etc).

El fichero XML y el fichero XSL

Veamos un fragmento del documento XML con el que hemos ido trabajando en el resto de capítulos:

<?xml version="1.0" encoding="ISO-8859-1"?> <catalogo> <cd> <titulo>Empire Burlesque</titulo> <artista>Bob Dylan</artista> <pais>USA</pais> <discografica>Columbia</discografica> <precio>10.90</precio> <anio>1985</anio> </cd> … … </catalogo>

Y el siguiente XSL que lo acompaña

<?xml version="1.0" encoding="ISO-8859-1"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <xsl:template match="/"> <html> <body> <h2>Mi coleccion de CD</h2> <table border="1"> <tr bgcolor="#9acd32"> <th align="left">Titulo</th> <th align="left">Artista</th> </tr> <xsl:for-each select="catalogo/cd"> <tr> <td><xsl:value-of select="titulo" /></td> <td><xsl:value-of select="artista" /></td> </tr> </xsl:for-each> </table> </body> </html> </xsl:template> </xsl:stylesheet>

Fíjese que el documento XML no tiene referencia al archivo XSL.

Importante: Las sentencia de más arriba indica que el documento XML puede ser transformado usando diversas hojas de estilo XSL.

Transformación XML a XHTML en el Navegador

Aquí mostramos el código necesario para transformar un archivo XML a un archivo XHTML en el cliente:

<html> <body> <script type="text/javascript"> // Load XML var xml = new ActiveXObject("Microsoft.XMLDOM") xml.async = false xml.load("cdcatalogo.xml") // Load XSL var xsl = new ActiveXObject("Microsoft.XMLDOM") xsl.async = false xsl.load("cdcatalogo.xsl") // Transform document.write(xml.transformNode(xsl)) </script> </body> </html>

El primer bloque de código crea una instancia del parser o analizador sintáctico XML de Microsoft (XMLDOM), y carga el documento XML en memoria. El segundo bloque de código crea otra instancia del parser y carga en memoria el documento XSL. El último bloque de código transforma el documento XML usando el documento XSL y muestra el resultado como XHTML en el navegador.