web-dev-qa-db-fra.com

Javascript humainement lisible dans chrome outils de développement

quelqu'un sait-il si Chrome Les outils de développement peuvent formater les javascripts sous une forme lisible par l'homme? Une sorte d'embellisseur serait pratique. Disons que j'utilise une bibliothèque JS et que je dois instancier son objet, Je dois donc savoir ce qu'il faut mettre dans le constructeur, mais chercher dans cette immense bibliothèque de 4 lignes Chrome l'interface utilisateur des outils de développement est assez ennuyeux ...

Sinon, le serveur doit s’occuper de l’implémentation du "mode dev" qui fournit des fichiers javascript non minifiés ...

135
lisak

Certains navigateurs ont un bouton Pretty print qui ressemble à ceci {} et il apparaît pour HTML, JS et/ou CSS en fonction du navigateur.

Chrome l'a dans l'onglet Sources:

Chrome 40 pretty print button

Firefox l'a dans l'onglet débogueur

Firefox 35 prettify source button:

La position de ces boutons peut changer, mais elle devrait toujours être là

317
fgm2r

N'y a-t-il pas l'icône Pretty Print (qui ressemble à: {}), au moins sous Windows, il y en a une, dans l'onglet Scripts?

3
omninonsense

Il y a le http://jsbeautifier.org/ pour une utilisation en ligne ( vous devez copier/coller ).

Sur ce site, ils ont un lien vers fiddler (, un proxy de débogage Web ) et un JavaScript Formatter = pour cela ( 3ème extension ).

2
Gabriele Petrioli