Comment afficher les sources en tant que structure arborescente dans les outils de développement Firefox

J'essaie de déboguer mon code javascript avec les outils de développement Firefox. Alors que Chromium affiche les fichiers et les dossiers dans une structure arborescente, Firefox affiche tous les fichiers source dans une longue liste, ce qui rend difficile la recherche du bon fichier.Comment afficher les sources en tant que structure arborescente dans les outils de développement Firefox

Existe-t-il un plugin/add-on ou similaire pour Firefox qui peut aider à afficher les sources d'une manière plus Chromium?

Sources de chrome:

Sources dans Firefox:

Source

2017-07-22 prograde

Utilisez-vous des firefoxs édition dev ?? –

Non. Peut-être que je devrais? :) – prograde

Eh bien, il semble la même chose dans l'édition de dev quand même: -/ – prograde

Firefox 56 (actuellement Nightly) a une nouvelle interface de débogage, qui affiche les scripts dans une structure arborescente similaire à celle du Chrome DevTools b utre d'autres fonctionnalités comme permettant d'ouvrir plusieurs fichiers dans des onglets:

Source

2017-07-22 22:00:10

Hurra! C'est une très bonne nouvelle fonctionnalité. – prograde

Et le débogueur peut même être exécuté en dehors de Firefox comme un site Web permettant d'être utilisé dans Chrome et Opera. Voir le [site web de GitHub] (https://github.com/devtools-html/debugger.html) pour plus de détails. –

Comment afficher les sources en tant que structure arborescente dans les outils de développement Firefox

Répondre

Questions connexes