67 votes

Comment modifier le JavaScript dans Firebug ?

Je ne suis en mesure de visualiser les fichiers JavaScript du site web que par le biais de l'interface de l'utilisateur. script panneau. Comment puis-je le modifier ? J'ai tout essayé, comme double-cliquer sur la ligne que je veux modifier, mais je ne peux pas le faire.

Si je me déplace vers le HTML je suis en mesure de modifier le HTML en cliquant sur l'onglet Modifier mais je ne suis pas en mesure de modifier le JavaScript.

Merci d'avance ! :)

65voto

Matthew Abbott Points 32861

alt text

Vous pouvez utiliser l'onglet Console de Firebug pour écrire du Javascript. Je m'en sers assez souvent pour prototyper rapidement du code avant de l'intégrer dans mes projets. Lorsque vous utilisez la Console, le javascript est exécuté dans le contexte de la page actuelle. Par conséquent, et les scripts qui sont actuellement définis pour cette page, peuvent potentiellement être redéfinis. Par exemple, dans la fenêtre Console, je pourrais faire ceci :

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

...et cela redéfinirait le concept de la $ utilisée par JQuery.

4 votes

N'oubliez pas de cliquer sur Show Command Editor dans l'onglet Console pour firebug.

13voto

Pavle Lekic Points 190

Pour autant que je sache, seuls les outils de développement de Chrome prennent en charge l'édition de JavaScript à l'intérieur de leur interface. Sources (pas seulement via la ligne de commande). Et vous pouvez ajouter une extension comme Tincr ou DevTools Autosave et Chrome enregistrera les modifications apportées à vos fichiers JavaScript sur le disque. Il s'agit donc d'un IDE complet pour JavaScript.

Sinon, si vous utilisez Firebug, vous devrez tester votre code dans la fenêtre de l'interface utilisateur. Éditeur de commandes Ouvrez ensuite votre éditeur de texte et ouvrez le fichier que vous regardiez dans Firebug, puis ajoutez ces modifications dans votre éditeur de texte et enregistrez.

J'espère qu'un jour, ils permettront à JavaScript d'être modifiable à l'intérieur de l'interface utilisateur. script panneau de Firebug.

2 votes

Pour information, le Problème de Firebug 5083 demande à ce que l'on puisse modifier le JavaScript à la volée dans l'interface utilisateur. script panneau.

13voto

Max Kielland Points 1855

Un "Scratchpad" est intégré au cadre de Mozilla. On peut y accéder à partir de Firefox.

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

Ou...

Il suffit de faire un clic droit sur n'importe quel élément de votre page. Sélectionnez "inspecter l'élément". Dans la barre d'outils de l'inspecteur, tout à fait à droite, il y a un bloc-notes "Scratchpad", appuyez dessus.

enter image description here

Maintenant vous obtenez un éditeur Javascript avec coloration syntaxique etc. De là, vous pouvez ouvrir/enregistrer votre fichier source javascript.

enter image description here

En savoir plus ici .

2 votes

Notez que dans la dernière version de Firefox, vous devez d'abord activer cette option. En haut à droite de la barre d'outils, appuyez sur l'icône de la roue de configuration ("Options de la barre d'outils") et cochez la case "Scratchpad" sous l'en-tête "Default Firefox Developer Tools".

4voto

jalf Points 142628

Dans la console Firebug, vous pouvez taper un nouveau javascript. Il suffit donc de redéfinir les fonctions ou les variables en fonction des besoins.

2voto

Pavel Strakhov Points 17852

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

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X