css - cross - ¿Cuál es tu mejor herramienta o técnicas para obtener la misma pantalla en IE6/7 y Firefox?

cross browser testing

Question

No estoy hablando de herramientas que le permitan a uno ver una página en combinaciones de sistemas operativos y navegadores como crossbrowsertesting.com, sino al crear o descifrar el CSS real.

Answer 1

Intento hacer una página que cumpla con los estándares y realizar todas mis pruebas en Firefox (ya que tiene algunas extensiones de desarrollo excelentes, como Web Developer y Firebug). Luego, cuando termine, pruebo el sitio en IE y luego hago los pequeños cambios necesarios. Encuentro que necesito hacer muy pocos cambios, ya que no hago nada extraordinariamente complejo con CSS.

Lo mismo aquí, excepto que no tiendo a necesitar usar Firebug y tal. Sin embargo, recientemente he tenido problemas con IE6, que se resuelven con simples bypass de CSS:

/* All browsers read: */
html body {
margin: 10px;
}
/* FF, IE7, Op etc. read: */
html > body {
margin: 0;
}

Answer 2

Escribo para los estándares y tanto Firefox como IE7 siguen un conjunto bastante bueno en común.

IE6 está muerto por lo que a mí respecta, pero si vuelvo al desarrollo web profesional, probablemente tenga que revisar eso;)

Answer 3

Estoy con Eli. Escribir contra Firefox (con firebug instalado) hace que tengas que escribir un código "más compatible" para comenzar y luego se queda sin trabajo más adelante cuando lo haces compatible con IE.

Use el sitio QuirksMode para ayudarlo a encontrar respuestas a la información de compatibilidad

Answer 4

Intento hacer una página que cumpla con los estándares y realizar todas mis pruebas en Firefox (ya que tiene algunas extensiones de desarrollo excelentes, como Web Developer y Firebug). Luego, cuando termine, pruebo el sitio en IE y luego hago los pequeños cambios necesarios. Encuentro que necesito hacer muy pocos cambios, ya que no hago nada extraordinariamente complejo con CSS.

Solía ​​tener más problemas con las diferencias de Javascript, pero después de comenzar a usar las bibliotecas de Javascript (como jQuery), dejé de tener problemas serios con eso.

Answer 5

Relleno.

IE6 puede ponerse un poco raro cuando usa margen para colocar elementos horizontalmente en una página. Si dimensiona sus elementos y espacia el contenido utilizando el relleno, puede hacer que muchos diseños funcionen perfectamente en IE6 / 7, FF, Safari y Opera sin ningún tipo de intrusión. IE5.5 hace las cosas un poco más rígidas debido al modelo de caja rota, pero creo que podemos contarlo en la mayoría de las circunstancias ahora.

Answer 6

Si se trata de un proyecto completamente nuevo, procuro probar todos los cambios html + css en todos los navegadores a los que me dirijo mientras realizo los cambios. En el pasado, tendía a centrarme en mi navegador favorito y luego probar con los demás después de que terminé para encontrar que uno o más pequeños caprichos estaban presentes y era muy tedioso señalar la causa real. Ahora tengo todos los navegadores abiertos y simplemente actualizo cada uno después de cada cambio html / css para asegurarme de que la pantalla cumpla con mis expectativas. Cuando algo sale mal, sé exactamente qué lo causó.

Puede parecer mucho tiempo probar en todos los navegadores a la vez, pero a la larga realmente ahorra tiempo a medida que captas los problemas a la vez.

Answer 7

Use un restablecimiento css para nivelar el campo en todos los navegadores. YUI y Eric Meyer tienen buenos.

Answer 8

Si todavía están codificando IE6, están cometiendo un error.

Uso IE7.js para que IE6 renderice páginas como IE7. IE7 no es perfecto, pero al menos tiene una apariencia de estándares. Como solo tengo que codificar para IE7 y FF, me hace un 33% más eficiente en términos de pruebas contra navegadores, algo que creo que tiene sentido comercial.

Enlace: IE7.js