javascript lisible par l'homme dans les outils de développement chrome
-
11-10-2019 - |
Question
Quelqu'un sait si les outils de développement Chrome peuvent formater javascripts en forme lisible par l'homme? Une sorte de beautifier serait à portée de main. Disons que j'utilise une bibliothèque JS et je dois instancier son objet, afin que je sache ce qu'il faut mettre dans le constructeur. Mais la recherche à travers cette immense bibliothèque qui dispose de 4 lignes dans l'interface utilisateur Outils de développement Chrome est assez ennuyeux ...
Sinon, le côté serveur doit prendre en charge la mise en œuvre « mode dev » que les fichiers de fournitures qui ne sont pas minified ...
La solution
Certains navigateurs ont une Pretty print bouton qui ressemble à ceci {}
et il semble pour le HTML, JS, et / ou CSS en fonction du navigateur.
Chrome a dans le dans le Sources onglet :
Firefox il a dans le dans l'onglet Debugger
:
La position de ces boutons peut changer, mais il doit toujours être là-dedans
Autres conseils
est pas là l'icône Jolie impression (qui ressemble à: {}), au moins sur Windows il y a un, dans l'onglet Scripts?
Il est 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 elle ( 3ème extention ).