Volver al índiceDiferencias entre versiones de Firefox

Está lección recoge algunas diferencias entre versiones de Firefox, sin carácter exhaustivo, pero que he ido encontrado al actualizar los apuntes.

Nota: Habría que añadir capturas de las diferencias y poner un icono distinto para cada versión.


Instalar varias versiones de Firefox

Para instalar varias versiones de Firefox en Windows es necesario instalar cada versión en una carpeta distinta, crear perfiles distintos para cada versión y modificar las propiedades del acceso directo que inicia cada versión para que utilicen los perfiles creados para ellas.

Volver al principio de la página


Firefox actual frente a Firefox 3.6

border spec crosstalk

Antes de Firefox 7, si se pone un border-collapse en la primera tabla, las tablas siguientes perdían los bordes de las casillas. Estas dos páginas muestran el problema: Uno y Dos. Están en páginas aparte para no afectar a otras tablas que puedan aparecer en esta página. Busqué en bugzilla y encontré un bug que habla de esto, el Bug 221.011, y como pedían un ejemplo, mandé uno. El mismo día marcaron ese bug como duplicado de otro, el bug 186.317, que es más general. A su vez, este bug está relacionado con el bug 43.178.

El bug 186.317: border spec crosstalk se abrió el 20/12/02 y se marcó como corregido en agosto de 2011.

Color de borde de tabla en borde de celdas en modo colapsado

En el modo colapsado, Firefox 3.6 aplicaba el color del borde de la tabla a los bordes de las celdas, pero Firefox 8 ya no lo hacía.

Nota: Podría buscar en qué versión dejó de hacerlo.

Correcto en Firefox
table { 
  border-collapse: collapse; 
  border: red 5px solid;
}
Leyenda
Celda 1 Celda 2
Celda 3 Celda 4

Las capturas siguientes muestran el ejemplo anterior en Firefox 3.6 y Firefox 8:

Firefox 3.6 Firefox 8
Diferencias entre versiones de Firefox. Firefox 3.6 Diferencias entre versiones de Firefox. Firefox 8

border: none

En una tabla en modo colapsado, si dos casillas contiguas tienen la propiedad border: none:

Nota: No sé en qué versión cambió el comportamiento de Firefox.

Correcto en Firefox
table { 
  border-collapse: collapse;
}
td.sinborde {
  border: hidden
}
Celda A1 Celda A2 Celda A3
Celda B1 Celda B2
(sin borde)
Celda B3
(sin borde)
Celda C1 Celda C2 Celda C3
Celda A1 Celda A2 Celda A3
Celda B1 Celda B2
(sin borde)
Celda B3
(sin borde)
Celda C1 Celda C2 Celda C3
Correcto en Firefox
table { 
  border-collapse: collapse;
}
td.sinborde {
  border: none
}
Celda A1 Celda A2 Celda A3
Celda B1 Celda B2
(sin borde)
Celda B3
(sin borde)
Celda C1 Celda C2 Celda C3
Celda A1 Celda A2 Celda A3
Celda B1 Celda B2
(sin borde)
Celda B3
(sin borde)
Celda C1 Celda C2 Celda C3

Volver al principio de la página


Firefox 3.6 frente a Firefos 3.5

Borde de la leyenda (<caption>) en modo colapsado

En el modo colapsado, Firefox 3.5 solapaban el borde inferior de la leyenda con el borde superior de la tabla, mientras que Firefox 3.6 los mantenía separados (sin distancia entre ellos).

Correcto en Firefox
table   { border: red    10px solid; }
caption { border: black   5px solid; }
tbody   { border: blue    6px solid; }
tr      { border: green   7px solid; }
td      { border: #CC9933 9px solid; }
Leyenda
Celda 1 Celda 2
Celda 3 Celda 4

Las capturas siguientes muestran el ejemplo anterior en Firefox 3.5 y Firefox 3.6:

Firefox 3.5 Firefox 3.6

Diferencias entre versiones de Firefox. Firefox 3.5

Diferencias entre versiones de Firefox. Firefox 3.6

Volver al principio de la página


Firefox 3.5 frente a Firefox 3

Hojas de estilo alternativas

No estoy seguro, pero me parece que versiones antiguas de Firefox mostraban en el menú "Ver > Estilo de página" cuál era la hoja de estilo predeterminada (ponía entre paréntesis "por defecto", igual que Internet Explorer 8 pone entre paréntesis "predeterminado"), pero Firefox 3.5 no lo hace.


Atajo de ratón para hacer zoom

En Firefox 3.5 la combinación Ctrl+rueda del ratón funciona como en Internet Explorer, es decir, que cuando la rueda se desplaza hacia atrás (hacia el usuario) el tipo de letra disminuye. En versiones anterior funcionaba al revés.

Volver al principio de la página


Firefox 3 frente a Firefox 2

Firefox 3 no aportó demasiada novedades con respecto a Firefox 2 en cuanto al soporte de las recomendaciones del W3C. En esta página se comentan algunas de esas diferencias.


Estilos de listas

Cuando se utiliza un estilo de lista para el que no se dispone del juego de caracteres correspondiente, Firefox 3 muestra un cuadro con el código Unicode del carácter no mostrado, mientras que Firefox 2 y anteriores mostraban un signo de interrogación (?).

Correcto en Firefox
ul { 
  list-style-type: cjk-ideographic; 
}
  • Esto es un punto de una lista
  • Esto es otro punto de la misma lista
Correcto en Firefox
ul { 
  list-style-type: hiragana; 
}
  • Esto es un punto de una lista
  • Esto es otro punto de la misma lista
Correcto en Firefox
ul { 
  list-style-type: katakana; 
}
  • Esto es un punto de una lista
  • Esto es otro punto de la misma lista
Correcto en Firefox
ul { 
  list-style-type: hiragana-iroha; 
}
  • Esto es un punto de una lista
  • Esto es otro punto de la misma lista
Correcto en Firefox
ul { 
  list-style-type: katakana-iroha; 
}
  • Esto es un punto de una lista
  • Esto es otro punto de la misma lista

Alineación de tablas y leyendas

En Firefox 3, al centrar una tabla se centra también su leyenda. En Firefox 2, para centrar la leyenda hacía falta establecer también las propiedades margin-left y margin-right para la leyenda.

Correcto en Firefox
table { 
  margin-left: auto; 
  margin-right: auto; 
}

caption { background-color: lightblue; }
Esto es la leyenda
Casilla 1, con más texto Casilla 2
Casilla 3 Casilla 4, con más texto
Correcto en Firefox
table { 
  margin-left: auto; 
  margin-right: auto; 
}

caption {   background-color: lightblue; margin-left: auto; margin-right: auto;
}
Esto es la leyenda
Casilla 1, con más texto Casilla 2
Casilla 3 Casilla 4, con más texto

Teclas de acceso numéricas

En Firefox 2, las teclas de acceso numéricas no funcionaban. En Firefox 3 sí que funcionan. Al pulsar Alt+Shift+1, Alt+Shift+2, etc. se puede acceder a cada una de las cajas de texto del ejemplo siguiente:

Correcto en Firefox <input type="text" size="12" value="Acceso con 1" accesskey="a" />
<input type="text" size="12" value="Acceso con 2" accesskey="e"/>
<input type="text" size="12" value="Acceso con 3" accesskey="i"/>
<input type="text" size="12" value="Acceso con 4" accesskey="o"/>

Si hay varios elementos con la misma tecla de acceso, o si hay varios elementos con la misma tecla de acceso en mayúsculas y minúsculas, Firefox 3 cambia de uno a otro (con Alt+Shift+tecla), mientras que Firefox 2 únicamente accedía al último, como puede comprobarse en el ejemplo siguiente:

Correcto en Firefox <input type="text" value="Acceso con z" accesskey="z" />
<input type="text" value="Acceso con z" accesskey="z" />
<input type="text" value="Acceso con z" accesskey="z" />
Correcto en Firefox <input type="text" value="Acceso con w" accesskey="w" />
<input type="text" value="Acceso con W" accesskey="W" />

Volver al principio de la página


Pseudo-elemento :first-letter

En versiones anteriores a Firefox 3, Firefox aplicaba el pseudo-elemento :first-letter únicamente a los dos primeros caracteres si el primero no era alfanumérico (ver bug 328.111 en la página de bugs de Firefox).

Volver al principio de la página


Otros

En Mozilla 1.7 el borde de <html> se adaptaba al tamaño de la ventana, mientras que el borde de <body> se adaptaba al tamaño del contenido. En Firefox, ambos bordes se adaptan al contenido.

Volver al principio de la página


Adobe SVGViewer

Firefox (a partir de la versión Firefox 1.5) es capaz de mostrar gráficos SVG sin necesidad de ningún plug-in, aunque también puede utilizarse la versión 6.0 beta del SVGViewer de Adobe (la versión 3.0 no funciona).

Una vez instalado el plug-in SVGViewer 6.0 beta, hay que copiar los archivos NPSVG6.DLL y NPSVG6.ZIP que se encuentran en la carpeta de instalación del plug-in (normalmente C:\Archivos de programa\Archivos comunes\Adobe\SVG Viewer 6.0\Plugins en la carpeta de plug-ins de Firefox (normalmente C:\Archivos de programa\Mozilla Firefox\plugins).

Al reiniciar Firefox, se puede comprobar que ha reconocido el plug-in, escribiendo en la barra de dirección about:plugins. En la lista debería aparecer el siguiente plug-in:

Adobe SVGViewer en Firefox about:plugins


Para desactivar el soporte nativo de SVG y obligar a Firefox a utilizar el plug-in de Adobe, hay que escribir en la barra de dirección about:config y svg en el filtro, como muestra la imagen siguiente:

Adobe SVGViewer en Firefox about:config

A continuación, hay que hacer clic derecho sobre la preferencia svg.enabled y elegir Modificar en el menú contextual, como muestra la imagen siguiente:

Adobe SVGViewer en Firefox about:config

El valor de la preferencia svg.enabled se habrá modificado automáticamente, como muestra la imagen siguiente:

Adobe SVGViewer en Firefox about:config

Al reiniciar Firefox, se utilizará el plug-in instalado. Para volver al soporte nativo, habría que volver a realizar el cambio de la misma manera.

Volver al principio de la página

Esta página forma parte del curso "Páginas web HTML / XHTML y hojas de estilo CSS" disponible en http://www.mclibre.org
Autor: Bartolomé Sintes Marco
Última modificación: 15 de enero de 2012

Creative Commons License
Esta obra está bajo una licencia de Creative Commons Reconocimiento-CompartirIgual 3.0 España.