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 y Google Chrome 66). En versiones posteriores, el comportamiento de los navegadores puede ser diferente.

CSS en XML

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 aplica 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
<?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%;
}
Enlace a ejemplo

Firefox

Ejemplo Documento xml en Firefox

Google Chrome

Ejemplo Documento xml en Google Chrome

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 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 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
<?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>
Enlace a ejemplo

Firefox

Ejemplo Documento xml en Firefox

Google Chrome

Ejemplo Documento xml en Google Chrome