Diferencias entre navegadores

Se comentan en esta página algunas diferencias entre navegadores.

Las capturas de imagen que ilustran las diferencias se han realizado con las últimas versiones disponibles en abril de 2018 (Firefox 59, Google Chrome 66 y Microsoft Edge 16). En versiones posteriores, el comportamiento de los navegadores puede ser diferente.

CSS en XML

Listas ordenadas

Firefox no aumenta los contadores al mostrar elementos como listas ordenadas, pero Chrome y Microsoft Edge lo hacen correctamente.

Hueco
XML / CSS
Resultado
Enlace
Correcto en Chrome Incorrecto en Firefox Correcto en Edge
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="ejemplo-dif-nav-01.css" title="Estilo"?>
<listas>
  <lista>
    <elemento>Ejemplo</elemento>
    <elemento>Ejemplo</elemento>
    <elemento>Ejemplo</elemento>
  </lista>
  <lista>
    <elemento>Ejemplo</elemento>
    <elemento>Ejemplo</elemento>
    <elemento>Ejemplo</elemento>
  </lista>l
</listas>
lista {
  display: block;
  margin-bottom: 10px;
}

elemento {
  display: list-item;
  list-style: decimal inside;
  margin-left: 20px;
}
ERROR (no puede mostrarse el objeto)
Enlace a ejemplo

Los atributos class e id

Cuando un documento XML incluye atributos class e id y la hoja de estilo hace referencia a ellos mediante los selectores almohadilla (#) y punto (.), Firefox y Microsoft Edge aplican ambas reglas, pero Google Chrome aplica únicamente el selector almohadilla, como muestra el ejemplo siguiente:

Hueco
XML
CSS
Resultado
Enlace
Incorrecto en Chrome Correcto en Firefox Correcto en Edge
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="ejemplo.css"?>
<libro>
  <titulo class="color">La vida está en otra parte</titulo>
  <autor id="grande">Milan Kundera</autor>
  <fechaPublicacion año="1973"/>
</libro>
.color {
  color: red;
}

#grande {
  font-size: 200%;
}
ERROR (no puede mostrarse el objeto)
Enlace a ejemplo

Firefox

Ejemplo Documento xml en Firefox

Google Chrome

Ejemplo Documento xml en Google Chrome

Microsoft Edge

Ejemplo Documento xml en Microsoft Edge

Nota: No sé si está definido en alguna recomendación que es lo que tendrían que hacer los navegadores en este caso.

XSLT

Documentos enlazados con hojas de estilo XSLT

Si un documento XML enlaza con una hoja de estilo XSLT, al abrir el documento con Firefox y Microsoft Edge se muestra siempre el documento transformado, mientras que Google Chrome sólo muestra el documento transformado si se ha servido desde un servidor web (http://...). Si el documento se abre directamente como un archivo local (file://...), Google Chrome muestra un página en blanco.


Si un documento XML enlaza con una hoja de estilo XSLT, al abrir el documento con Firefox y Microsoft Edge se muestra siempre el documento transformado, mientras que Google Chrome sólo lo muestra si el documento resultante está bien formado.

Hueco
XML
XSLT
Resultado
Enlace
Incorrecto en Chrome Correcto en Firefox Correcto en Edge
<?xml version="1.0" encoding="UTF-8"?>
<ies nombre="IES Abastos" web="http://www.iesabastos.org/" >
  <ciclos>
    <ciclo id="ASIR">
      <nombre>Administración de Sistemas Informáticos en Red</nombre>
      <grado>Superior</grado>
      <decretoTitulo año="2009" />
    </ciclo>
    <ciclo id="DAW">
      <nombre>Desarrollo de Aplicaciones Web</nombre>
      <grado>Superior</grado>
      <decretoTitulo año="2010" />
    </ciclo>
    <ciclo id="SMR">
      <nombre>Sistemas Microinformáticos y Redes</nombre>
      <grado>Medio</grado>
      <decretoTitulo año="2008" />
    </ciclo>
  </ciclos>
</ies>
<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">

  <xsl:template match="ciclo">
     <xsl:value-of select="nombre"/>
  </xsl:template>

</xsl:stylesheet>
ERROR (no puede mostrarse el objeto)
Enlace a ejemplo

Firefox

Ejemplo Documento xml en Firefox

Google Chrome

Ejemplo Documento xml en Google Chrome

Microsoft Edge

Ejemplo Documento xml en Microsoft Edge