2011-03-08 19 views
8

Estaba pensando en actualizar a Firefox 4 (actualmente ejecutando Firefox 3.6.15 - ¡no espere una pregunta de software específicamente!) Y tenía algunas preocupaciones cuando se trata de desarrollo web.Firefox 3 vs Firefox 4 ¿diferencia de desarrollo?

Mi única preocupación es si hay problemas de compatibilidad (CSS/HTML) o caprichos entre los dos. Odiaría ver algo así como un espaciado de 3px mientras utilizo Firefox 4 en un sitio web frente a 0px usando Firefox 3 (casi como un IE6 vs IE7 vs IE8 fiasco, si entiendes mi opinión).

En última instancia, solo estoy verificando si Firefox 4 funciona como de costumbre con la visualización de un sitio web/aplicación web con un "motor" actualizado (que es lo que espero).

¿Pensamientos? ¿Alguien ha comparado en este nivel? Y no solo estoy hablando de cosas como en el nivel de restablecimiento de CSS, aunque estoy pensando en esas líneas de compatibilidad.

Espero que mi preocupación sea algo clara. No pude encontrar ninguna comparación que no sea la lista de mejoras para FF4 (más de FF3), no me refiero a hacer de esto una pregunta de software sino más bien, debería ser consciente de cualquier cambio en la salida que me falta al actualizar. No quiero perderme las diferencias críticas cuando se trata de desarrollo y compatibilidad del navegador para el cliente.

Gracias.

Respuesta

3

Incluso IE6/IE7/IE8 frente a otros navegadores no es un fiasco tan grande como usted se imagina; los errores en versiones antiguas de IE con diferencias de espaciado extrañas fueron causados ​​principalmente por sitios web que obligan al navegador a pasar al modo Quirks (que hace honor a su nombre) en lugar de al modo estándar. Si está en modo estándar, todos los navegadores cumplen con las mismas reglas, aunque con menos características en las versiones anteriores (mucho menos menos funciones en el caso de IE6).

Teniendo esto en cuenta, la actualización de FF3.6 a FF4.0 no debería presentar ningún problema para los sitios existentes escritos con FF3.6 en mente (y el modo estándar en general).

La única advertencia importante que conozco con FF4 es que han eliminado la característica CSS -moz-binding. Esta es (o más bien, era) una característica CSS específica de Firefox (es decir, no estándar) que le permitió vincular una plantilla XUL a un elemento HTML utilizando CSS. XUL es el lenguaje de definición de interfaz de usuario XML en el que está escrita la interfaz de usuario de Firefox (así como otras aplicaciones de Mozilla). Han eliminado la posibilidad de referenciarlo directamente desde una página web debido a consideraciones de seguridad.

En general, este problema no debería preocupar a nadie: si te hubieras apegado a las normas de todos modos, nunca hubieras usado.

Sin embargo, hay una manera en que se ha utilizado ampliamente: como un hack de navegador para que Firefox soporte una elipsis. Todos los demás navegadores admiten CSS text-overflow:ellipsis;, pero Firefox no. Incluso FF4 no lo admitirá. Alguien ha logrado hackear una forma de hacerlo usando -moz-binding, y muchos sitios lo han estado usando desde entonces. Este truco dejará de funcionar en FF4.

Ver mi pregunta sobre este tema aquí: text-overflow:ellipsis in Firefox 4? (and FF5)

Pero aparte de eso una cosa, casi todo lo demás en el nuevo Firefox 4 - sin duda desde la perspectiva del motor de renderizado - es una actualización progresiva desde FF3. 6, por lo que los sitios existentes deben continuar sin cambios.

+0

+1 hmmm ... muy informativo, gracias no sabía nada sobre la pieza de elipsis. – Jakub

+0

@Jakub: si no lo sabías, entonces probablemente estés a salvo y te cause problemas;) – Spudley

0

Las principales diferencias entre los dos van a ser más a lo largo de las líneas de los nuevos elementos, propiedades y API y no las propiedades básicas como usted menciona. Cualquier problema menor de diseño o diseño se resolvió hace mucho tiempo o, si se solucionara uno, probablemente sea raro. No es como IE donde hay problemas no solo entre versiones sino también entre versiones.

0

Independientemente de lo que se haya publicado hasta ahora, tenga cuidado porque ya he notado varias diferencias en el procesamiento, específicamente con espaciado vertical y elementos de lista en línea. En mi caso, la diferencia es realmente enorme, ya que afecta el aspecto del elemento del menú superior. Anteriormente IE8, Chrome10/11 y FF4 todos lo hacían idéntico, pero ahora FF4 es un valor atípico definitivo. Estoy usando el doctype html5/html4-strict también. Solo algo para considerar; la transición no es tan optimista como los posts anteriores podrían llevarte a creer ...