2010-07-08 15 views
65

Solo puedo ver los archivos JavaScript del sitio web a través del panel Script. ¿Cómo puedo editarlo? Intenté todo, como hacer doble clic en la línea que quiero editar, etc., pero no me permite editarla.¿Cómo editar JavaScript en Firebug?

Si me mudo a la pestaña HTML , yo soy capaz de editar el código HTML haciendo clic en el botón Editar , pero no soy capaz de editar el código JavaScript.

¡Gracias de antemano! :)

Respuesta

62

alt text http://www.fidelitydesign.net/wp-content/uploads/2010/06/Firebug-Testing.jpg

Puede usar la pestaña Consola de Firebug para escribir Javascript. Utilizo mucho prototipo rápido de código antes de integrarlo en mis proyectos. Cuando utiliza la consola, javascript se ejecuta en el contexto de la página actual. Por lo tanto, y las secuencias de comandos que están actualmente definidas para esa página, potencialmente se pueden redefinir. Por ejemplo, en la ventana de la consola, que podría hacer esto:

$ = function() { alert("Whoops"); } 

... y que iba a redefinir la función $ utilizado por jQuery.

+12

Consola -> editor de comandos – ZiTAL

+4

No olvide hacer clic en Mostrar Editor de comandos desde la pestaña Consola para Firebug. –

+1

hit => tecla CTRL + 1 .. aparece el editor de comandos –

4

En la consola Firebug, puede escribir un nuevo javascript. Así que simplemente redefinir funciones o variables según sea necesario a través de eso.

2

No puede hacerlo. Debe usar la consola de JavaScript para redefinir funciones.

2

También puede usar fiddler.
Lo uso y me ha funcionado bastante bien.

+0

Fiddler parece una buena idea. Es una aplicación externa que intercepta las solicitudes web para que pueda realizar ediciones en vivo del JS, etc. – not2qubit

13

Por lo que sé, solo las herramientas de desarrollo de Chrome admiten la edición de JavaScript dentro de su pestaña Fuentes (no solo a través de la línea de comandos). Y puede agregar una extensión como Tincr o DevTools Autosave y Chrome guardará los cambios en sus archivos de JavaScript en el disco. Por lo tanto, es más o menos un IDE completo para JavaScript.

De lo contrario, si está utilizando Firebug, debería probar su código en Command Editor, luego abra su editor de texto y abra ese archivo que estaba buscando en Firebug y luego agregue esos cambios dentro de su editor de texto y guárdelos.

Espero que algún día permitan que JavaScript sea editable dentro del Script panel de Firebug.

+2

FWIW el [Problema Firebug 5083] (http://code.google.com/p/fbug/issues/detail?id = 5083) solicita permiso para editar JavaScript sobre la marcha dentro del panel * Script *. –

13

Hay un "Scratchpad" integrado en el marco de Mozilla. Esto se puede alcanzar desde dentro de Firefox.

En el menú "Herramientas" en "Desarrollador web" -> "Bloc de notas".

O ...

clic Justo a la derecha en cualquier elemento en su página. Seleccione "inspeccionar elemento" En la barra de herramientas del inspector, a la derecha, hay un bloque de notas "Bloc de notas", púlselo.

enter image description here

Ahora usted tiene un editor de Javascript con la sintaxis highlightning etc .. Desde aquí se puede abrir/guardar el archivo de origen Javascript.

enter image description here

Más combate here.

+2

Tenga en cuenta que en la última versión de Firefox debe habilitar esta opción primero. En la parte superior derecha de la barra de herramientas, presione el ícono de la rueda de configuración ("Opciones de la barra de herramientas") y marque la casilla "Scratchpad" debajo del encabezado "Herramientas predeterminadas para desarrolladores de Firefox". – Daan

Cuestiones relacionadas