1. Inicio
  2. Pregunta y respuesta
  3. Herramientas Depuración de CSS en Internet Explorer

Herramientas Depuración de CSS en Internet Explorer

2009-07-17 29 views
13

¿Hay otras herramientas además de Firebug Lite que puedan ayudar a uno a entrar en la pequeña mente con errores de Internet Explorer y descubrir precisamente dónde y por qué está destruyendo mi CSS tan mal?Herramientas Depuración de CSS en Internet Explorer

Firebug Lite es una herramienta útil, por supuesto, pero parece que falta la característica crucial (presente en el complemento "completo" Firebug) que le permite ver qué partes de las declaraciones se ignoran a favor de otras declaraciones.

Por ejemplo, el uso de Firefox con Firebug puedo ver que .foo {color: red} queda anulado por .bar {color: blue} más adelante en la hoja de estilo.

Pero Firebug lite solo parece mostrar el estilo final calculado: no puedo decir qué declaraciones se están ignorando, cuáles están siendo anuladas, cuáles no son compatibles y cuáles son simplemente incorrectas.

¿Hay alguna otra herramienta que pueda ser útil aquí?

Fuente

2009-07-17 anschauung

Respuesta

20

Estoy usando IE8 Developer Tools (que se incluye fuera de la caja), puede mostrar el trazado de estilo.

IE7 también tienen un complemento proporcionado por Microsoft llamado IE Dev Toolbar. Sin embargo, no lo he usado extensamente.

¿Qué versión de IE está utilizando?

Fuente

2009-07-17 19:54:18

+0

IE Dev Toolbar es una buena idea para IE7. No es tan robusto como Firebug, pero usas lo que puedes conseguir. – Jeff

+0

@Jeff O simplemente actualice a IE8. –

+0

Perfecto. De hecho, estoy un poco sorprendido de que nunca antes haya oído hablar de eso. – anschauung

6

Sí. En IE8, pulsa F12. En versiones anteriores, instale this.

Fuente

2009-07-17 19:55:17

3

Las herramientas de desarrollador incluidas con IE8 funcionan bastante bien.

Fuente

2009-07-17 19:55:38

0

Otro es el Debug Bar. Funciona en IE 7 u 8; y es similar a Firebug

Fuente

2009-07-17 20:00:26 NotMe

3

He encontrado jQuery para ser útil en averiguar qué está pasando "debajo del capó", por así decirlo. Por ejemplo, hace poco tuve una situación en la que descubrí que no podía confiar en las herramientas de desarrollo que vienen con IE 8 (que, por cierto, estaba ejecutando en IE 7, estándares, no caprichos, modo de compatibilidad. Algunas propiedades CSS declaradas en la hoja de estilos no se mostraba como computada, además de otros IE-strangess que estaba experimentando. Así que, simplemente lancé un poco de javascript en la página, incluyendo jQuery, lo que me permitiría escribir un código y hacer que lo evaluara sin depender de IE Herramientas de Desarrollo, Firebug o el inspector web en Safari puede evaluar las declaraciones como:.

$('body').css('background-image');

cuales podrían volver:

'/images/default_background.png'

o lo que sea.

YMMV, pero vale la pena el tiempo para probarlo.

Fuente

2010-04-09 13:54:24 rixin

Cuestiones relacionadas

 Cuestiones relacionadas