Javascript Girl
  1. Javascript Girl
  3. Comment éditer JavaScript dans Firebug?
Intereting Posts
Quelles sont les différences entre différé, promesse et avenir en JavaScript? Comment utiliser le tableau comme clé dans Javascript? Comment ouvrir un fichier en utilisant JavaScript? Pourquoi utiliser Redux sur Facebook Flux? Accéder à json data de jquery CefSharp.Winforms fermer l'onglet par javascript Comment afficher uniquement les champs de saisie si la case à cocher est cochée? Javascript dans jsf / icefaces Utilisez un point dans un nom de classe dans jquery: $ ('. B.Avf'). Toggle (); Mettre en surbrillance toute la rue avec certaines cartes API Sélecteurs jQuery sur les attributs de données personnalisés à l'aide de HTML5 Comment puis-je attendre qu'un objet créé de manière asynchrone soit complètement disponible avant d'invoquer un rappel? L'accès aux propriétés de l'objet avec l'index donne undefined Comment décocher une case à cocher dans JavaScript pur? JQuery Toggle property contentEditable = "true"

Comment éditer JavaScript dans Firebug?

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

Si je passe à l'onglet HTML , je peux éditer le HTML en cliquant sur le bouton Modifier , mais je ne peux pas éditer le JavaScript.

Merci d'avance! 🙂

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

Vous pouvez utiliser l'onglet Console Firebug pour écrire 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 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 de la console, je pourrais le faire: 

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

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

Il existe un "Scratchpad" intégré au framework Mozilla. Cela peut être atteint à partir de Firefox.

Dans le menu "Outils" sous "Développeur Web" -> "Scratchpad".

Ou…

Cliquez simplement sur un élément sur votre page. Sélectionnez "inspecter l'élément" Dans la barre d'outils de l'inspecteur, à l'extrême droite, il y a un bloc-notes "Scratchpad", appuyez dessus.

Entrez la description de l'image ici

Maintenant, vous obtenez un éditeur Javascript avec mise en évidence de syntaxe, etc. Vous pouvez ouvrir / enregistrer votre fichier source javascript dès maintenant.

Entrez la description de l'image ici

En savoir plus sur cela ici .

Pour autant que je sache, les outils de développement de Chrome supportent l'édition de JavaScript dans leur onglet Sources (pas seulement via la ligne de commande). Et vous pouvez ajouter une extension comme Tincr ou DevTools Autosave et Chrome sauvegardera les modifications apportées à vos fichiers JavaScript sur le disque. C'est donc à peu près un IDE complet pour JavaScript.

Sinon, si vous utilisez Firebug, vous devriez tester votre code dans l' Éditeur de commandes , puis ouvrez votre éditeur de texte et ouvrez le fichier que vous recherchez dans Firebug, puis ajoutez ces modifications dans votre éditeur de texte et enregistrez.

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

Dans la console Firebug, vous pouvez taper un nouveau javascript. Il suffit de redéfinir les fonctions ou les variables au besoin.

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

Vous pouvez également utiliser le violoniste .
Je l'utilise et cela m'a bien fonctionné.