web-dev-qa-db-fra.com

Comment modifier JavaScript dans Firebug?

Je ne peux voir que les fichiers JavaScript du site Web via le panneau Script . Comment puis-je le modifier? J'ai tout essayé, comme un double-clic sur la ligne que je veux éditer, etc., mais cela ne me permet pas de l'éditer.

Si je passe à l'onglet [~ # ~] html [~ # ~] , je peux modifier le code HTML en cliquant sur l'onglet Modifier , mais je ne parviens pas à éditer le JavaScript.

67
TCM

alt text
(source: fidelitydesign.net )

Vous pouvez utiliser l'onglet Console Firebug pour écrire du Javascript. J'utilise beaucoup de prototypage rapide de code avant de l'intégrer à mes projets. Lorsque vous utilisez la console, javascript est exécuté dans le contexte de la page en cours. Par conséquent, les scripts actuellement définis pour cette page peuvent éventuellement être redéfinis. Par exemple, dans la fenêtre de la console, je pourrais faire ceci:

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

... et cela redéfinirait le $ fonction utilisée par JQuery.

64
Matthew Abbott

Autant que je sache, seuls les outils de développement de Chrome prennent en charge l'édition de JavaScript dans leur onglet Sources (pas uniquement via la ligne de commande). Et vous pouvez ajouter une extension telle que Tincr ou DevTools Autosave et Chrome enregistrera les modifications apportées à vos fichiers JavaScript sur le disque. est à peu près un complet IDE pour JavaScript.

Sinon, si vous utilisez Firebug, vous devrez tester votre code dans le Éditeur de commandes , puis ouvrir votre éditeur de texte et le fichier que vous cherchiez dans Firebug, puis ajouter ces modifications dans votre éditeur de texte. enregistrer.

J'espère qu'un jour ils permettront à JavaScript d'être éditable dans le panneau Script de Firebug.

13
Pavle Lekic

Il y a un "Scratchpad" intégré dans le framework Mozilla. Ceci peut être atteint à partir de Firefox.

Dans le menu "Outils", sous "Web Developer" -> "Scratchpad".

Ou...

Faites un clic droit sur n’importe quel élément de votre page. Sélectionnez "élément à inspecter" Dans la barre d'outils de l'inspecteur, tout à droite, vous trouverez un bloc-notes "Bloc-notes", puis appuyez dessus.

enter image description here

Maintenant, vous obtenez un éditeur Javascript avec mise en évidence de la syntaxe, etc. À partir de là, vous pouvez ouvrir/enregistrer votre fichier source javascript.

enter image description here

Lire plus sur le sujet ici .

13
Max Kielland

Dans la console Firebug, vous pouvez saisir du nouveau javascript. Il suffit donc de redéfinir les fonctions ou les variables selon les besoins.

4
jalf

Vous pouvez également utiliser Fiddler .
Je l'utilise et cela a très bien fonctionné pour moi.

2
LearningEveryday

Tu ne peux pas le faire. Vous devez utiliser la console javascript pour redéfinir les fonctions.

2
Pavel Strakhov