2009-01-21 21 views
13

firebug es una herramienta bastante útil que no puedo creer que yo viva sin ella. También descargué el archivo js que lo ayuda a obtener una funcionalidad similar cuando uso IE6 esperando que me ayude a resolver algunos problemas, sin embargo, los mensajes que recibo no son muy amigables, como:depuración javascript para IE6

"Esperado": '(default2.aspx 16)" - en la línea 16 no hay nada que posiblemente puede esperar un ':'

o

'objeto no admite esta propiedad o método (Default2.aspx, 198)' en la línea 198 nada interesante que puede requerir cualquier soporte para cualquier cosa.

mi sitio parece un sitio web diferente en IE6 ... la mayoría de los css no funcionan, algunas de las funciones de jquery no funcionan y necesito que este sitio funcione en IE6. Cualquier ayuda sería apreciada en términos de;

  • cómo saber cuáles son los mensajes (como los anteriores) significan en IE6 y cómo depurar efectivamente js en IE6?

  • dónde empezar la compatibilidad de css .. p. ¿Debería crear diferentes archivos CSS para diferentes navegadores y cargarlos detectando el navegador? o hay problemas comunes y pirateos?

estoy perdido así que por favor, dame cualquier dirección para empezar ..

Respuesta

15

depurar Javascript en IE6 con: -

Microsoft Script Debugger

La página web es QuirksMode sitio útil para determinar qué bits de CSS se implementa de qué manera por qué navegador. Nota El renderizado del modo IE6 "standards" es notoriamente problemático.

+0

Gracias, que ayuda tanto –

+0

Parece que, en estos días, incluso esa página de descarga no funciona en IE6. :-D No estoy convencido de que estos usuarios de IE6, nuestro cliente afirme tener realmente sus computadoras conectadas a Internet. Dudo que puedan notar la diferencia. –

0

Utilizo una de estas dos cosas para la depuración de js: Microsoft Script Editor o Firebug Lite. Vaya here para más información.

En cuanto a la CSS, recomiendo CSS Reset. Y para las pequeñas diferencias en IE6, considere usar conditional comments.

Al realizar una aplicación que se utilizará en varios navegadores, quirksmode es un salvavidas.

EDITAR: blackbird es una buena herramienta de navegador cruzada para el seguimiento del estado.

+0

¿Qué versión de Firebug Lite estás usando? Usé el actual, y parece que aparece una gran cantidad de errores JS. – benc

3

Las dos herramientas que utilizo son:

  1. Web Development Helper
  2. IE Developer Toolbar

Ellos algo duplicar la funcionalidad de cada uno, pero cada uno puede ser útil para diferentes tareas. El Web Development Helper tiene una consola de JavaScript integrada, no es tan buena como Firebug, pero es mejor que nada y más fácil que MS Script Debugger.

+2

La barra de herramientas de IE Developer no parece tener ninguna característica de depuración de scripts en IE 6 – Casebash

3

"Expected ':' (default2.aspx, 16) "- en la línea 16 no hay nada que pueda esperar un": "

El error no estará en la línea 16 de su archivo .aspx, probablemente ni siquiera en la línea 16 del HTML fuente que produce el archivo aspx. Estará cerca de la línea 16 de uno de sus archivos .js vinculados. ¿Cuál? IE no le dirá.

Puede encontrar agregando líneas adicionales al inicio de cada uno. js y ver lo que ocurre con el número de línea de error, pero probablemente es mejor sólo para instalar depurador de guiones ya.

IE8 finalmente soluciona esto.

he de crear diferentes archivos CSS para diferentes navegadores y cargarlos mediante la detección del navegador? o hay problemas comunes y pirateos?

Comience con CSS que cumpla con los estándares, y un doctype de Estándares, y pruebe en Firefox 3 u Opera, Safari, Chrome. En general, te darán más o menos los mismos resultados. Ahora prueba en IE7 y esperemos que funcione.

El navegador problemático hoy es IE6. Es posible que necesite agregar hacks para ello. Puede hacer esto en una hoja de estilos separada si hay muchas, o simplemente usar el truco "* html" para la regla ocasional.

Todos los cortes de mayor edad, su modelo de caja Hacks y así sucesivamente, se puede olvidar. Solo sirven para IE5, que está muerto, y IE6 Quirks Mode, que no deberías estar usando.

0

o tienen una llamada AJAX para enviar variables de depuración/mensajes de secuencia de comandos ASP (PHP) que inicia la sesión. esto ayudará si el problema es con variables indefinidas o problemas similares.

+0

Sería mucho más fácil hacer esto con Firebug Lite y usar console.log – roryf

7

Usted puede intentar Companion JS. Es bastante bueno con respecto a la depuración. Requiere Microsoft Script Debugger también.

Companion JS afortunadamente apoya "console.log" (a través de firebug). Es una herramienta gratuita. Debug-bar es un buen depurador CSS-DOM-Javascript, pero no es libre para fines comerciales.

0

Por lo que vale la pena, he encontrado los errores de número de línea son mucho más precisos cuando se utiliza un archivo js separado.

todavía uso IE6 como mi navegador principal en el desarrollo. Le ahorrará muchos dolores de cabeza más adelante, ya que a menudo encontrará problemas de CSS mucho antes en el proceso.

También me resulta útil usar un registrador JavaScript para enviar mensajes de depuración. Esta es una alternativa a un grupo de mensajes de alerta. Personalmente, utilizo el yahoo UI logger