2012-02-09 10 views
6

Esto debería ser fácil para alguien.¿Cómo edito y recargo HTML en Firebug?

Después de editar el HTML en Firebug, ¿cómo recargo la página (manteniendo el HTML editado)? No hay un botón de recarga como se muestra aquí frustrante, http://getfirebug.com/html, en "inspeccionar, editar, volver a cargar", que es exactamente lo que quiero hacer:

enter image description here

¿Dónde está este botón ?!

Estaría genial si la respuesta tuviera una imagen. EDIT: El uso de Firebug 1.9.1

Aclaración EDIT:

Lo que estoy tratando de hacer: estoy quitando mal código HTML con la esperanza de que no va a estropear el código JavaScript, que estoy adivinando que está haciendo . Suponiendo que el código HTML en cuestión está estropeando JavaScript, y luego elimino el código HTML ofensivo a través de Firebug, ¿es necesaria una recarga para luego ejecutar el código JavaScript correctamente?

+1

eso es extraño, desde mi experiencia con firebug todas las ediciones son dinámicas (es decir, en vivo) y pasan sin actualizar – zero

+0

Mis ediciones también están sucediendo de esta manera, pero como creo que están estropeando o influyendo en JavaScript, quiero volver a cargar estar seguro. Quizás lo que quiero es lo que ya tengo y la página simplemente no está reaccionando como se esperaba. EDITAR: Aclaré el problema. Por favor mira mi edición. – Xonatron

Respuesta

8

No estoy seguro de lo que está buscando. Aquí algunos datos:

  • Si edita HTML en Firebug, los cambios surten efecto inmediatamente sin presionar algunos botones. Cuando vuelves a cargar la página, estos cambios desaparecen.
  • El botón que ha publicado está justo en la barra de direcciones y es el botón de recarga normal de Firefox. Nada de Firebug. Firebug solo dice que cuando recargues la página, resaltará el mismo elemento DOM en HTML-View como antes cuando el DOM-Element aún exista.

Espero que ayude.

+0

En primer lugar, gracias. Quizás ya tengo lo que necesito en el momento en que edito la página. ¿Puedes verificar mi edición de aclaraciones que acabo de publicar en la pregunta? En segundo lugar, cuando presiono el botón de recarga de Firefox, desaparecen mis cambios de HTML editados.Entonces, ¿qué es exactamente http://getfirebug.com/html 'Inspeccionar, editar, volver a cargar' tratando de mostrarme? – Xonatron

+1

Para la segunda parte: dicen que resaltan el mismo elemento DOM cuando vuelves a cargar la página como se destacó antes en la vista HTML de Firebug. Ejemplo: Seleccione la Etiqueta de anclaje de Facebook en esta SO-página aquí. Luego recarga esta página. La vista HTML de Firebug aún resaltará la etiqueta de anclaje de Facebook sin la necesidad de volver a seleccionarla. Eso es todo lo que dicen sobre "recargar" allí. –

2

No puede hacer eso, a menos que Firebug tenga alguna característica muy ingeniosa solo para este propósito (al almacenar en caché localmente los cambios e incluirlos después de la recarga). No creo que Firebug tenga esto.

Cuando vuelve a cargar una nueva solicitud/respuesta sucede y obtiene todo su HTML + JS + CSS del servidor. Lo que edites con Firebug se hace localmente.

+1

Entonces, ¿qué sucede cuando edito el código HTML que afecta a JavaScript? ¿Firebug "recarga" ese código sobre la marcha? – Xonatron

1

Este botón es un botón de recarga del navegador, no de Firebug. Esa sección dice que Firebug mantendrá un elemento seleccionado en Firebug incluso si vuelves a cargar la página. Puede intentar usar Web Developer Toolbar para realizar cambios y copiar fácilmente el código o GreaseMonkey para escribir scripts para cambiar el HTML de forma dinámica.

-1

Así que editó html y css, ¿ha vuelto a cargar las páginas web y sus cambios han desaparecido? Definitivamente quieres probar mi LIVEditor que acaba de lanzar, desarrollé debido a este mismo problema al que me enfrenté cuando usé Firebug para modificar estilos de css y html.

+0

Ya no trabajo en tales proyectos, pero su solución parece interesante. Dejaré que otros lo exploren y lo tomen desde aquí. Gracias. – Xonatron

+0

@MatthewDoucette, me alegra que encuentres interesante LIVEditor :) –

Cuestiones relacionadas