Edición granular de DOM/CSS utilizando herramientas de desarrollador IE9 F12: ¿es posible?

Question

Para resolver problemas de diseño y CSS molestos, estoy intentando usar las herramientas de desarrollo de IE9 para editar HTML y CSS iterativamente. Idealmente, puedo obtener la paridad con el flujo de trabajo de DOM/CSS que estoy acostumbrado a hacer con Firebug y Webkit's Inspector.

En otras palabras, quiero poder editar HTML y CSS de un solo elemento o grupo de elementos, y luego ver mis cambios reflejados inmediatamente en la pantalla.

He descubierto las funciones de edición de "página completa" de las herramientas F12, donde puede editar todo el HTML de la página o todo el CSS como un bloque, pero incluso después de varias horas de usar la herramienta, leyendo online help y muchas búsquedas de Google, todavía estoy luchando con el tipo de edición más fina que estoy acostumbrado con Firebug.

Antes me rindo, ¿alguien sabe cómo utilizar las herramientas F12 para ...

• ... editar un elemento en particular y sus hijos, no toda la página a la vez? (como el menú contextual "editar HTML" de firebug)
• ... ver los cambios realizados en la vista de edición aparecer inmediatamente en el navegador, en lugar de tener que salir de la vista de edición para ver los cambios?
• ... ubicar fácilmente el elemento seleccionado actualmente (el que tiene el recuadro azul a su alrededor) en la vista de edición?
• ... eliminar un solo elemento? (en firebug puedo simplemente seleccionar el elemento y hacer clic en "eliminar")
• ... añadir un nuevo estilo a una clase sin tener que buscar en cada estilo del documento para encontrar el que se aplica al elemento que me importa ? (En Firebug puedo hacer doble clic en el estilo en el panel derecho).

Si las cosas anteriores no son posibles con las herramientas F12 de IE, ¿hay un buen complemento alternativo para la edición de DOM/CSS?

Por cierto, mi intención con esta pregunta no es criticar las herramientas de desarrollo de IE9 (felicitaciones a Microsoft por incluirlas de fábrica) sino aprender a ser más productivo usándolas.

También, por cierto, ya he leído otras 20 preguntas de StackOverflow sobre un equivalente de Firebug en IE, pero la mayoría parecen estar relacionadas con la depuración de JavaScript y la inspección DOM de solo lectura. No encontré ningún (IE9) reciente sobre escribir DOM/CSS. Por lo tanto, estoy haciendo otra pregunta sobre este tema ... mis disculpas si esto es un engaño.

Answer 1

Haga clic en el botón Editar para editar el html. Cuando haya terminado, haga clic una vez más para ver sus cambios

Answer 2

Eche un vistazo a this.

Creo que resolverá sus problemas.

¡Salud!

Answer 3

Esto es posible, pero estoy de acuerdo, no es muy intuitivo.

1. presione F12 para obtener la ventana de herramientas del desarrollador (ie9).
2. seleccione la pestaña CSS (arriba a la izquierda de la ventana debajo de la barra de menú)
3. seleccione el archivo css que desea modificar de la lista desplegable.
4. seleccione el botón derecho del ratón en el lugar apropiado y en el menú contextual que permitirá añadir/borrar lo que quiera
5. para modificar un attrbiute basta con hacer clic sobre el valor y cambiarlo

creo que sirve