Javascripts lisibles par l'homme dans les outils de développement Chrome

142

est-ce que quelqu'un sait si les outils de développement Chrome peuvent formater des javascripts sous une forme lisible par l'homme? Une sorte d'embellisseur serait pratique. Disons que j'utilise une bibliothèque JS et que j'ai besoin d'instancier son objet, afin que je sache quoi mettre dans le constructeur. Mais rechercher dans cette énorme bibliothèque qui comporte 4 lignes dans l'interface utilisateur des outils de développement Chrome est assez ennuyeux ...

Sinon, le côté serveur doit s'occuper de l'implémentation du "mode dev" qui fournit des fichiers javascript qui ne sont pas minifiés ...

javascript google-chrome-devtools lisak
la source
à peu près sûr que ce n'est pas possible, mais j'espère que je me trompe car ce serait une fonctionnalité intéressante.
Zevan
Je l'ai fait, mais l'absence de cette fonctionnalité est assez surprenante, alors je ferais mieux de demander ici
lisak
Version Firebug: stackoverflow.com/questions/4279319/…
Ciro Santilli 郝海东 冠状 病 六四 事件 法轮功

Réponses:

331

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 :

Bouton joli imprimé Chrome 40

Firefox l'a dans l' onglet Débogueur

Firefox 35 joliment le bouton source:

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

fgm2r
la source
2
Sous Windows, c'est une petite icône qui ressemble à -> {}. La légende indique la jolie copie.
omninonsense
@with Merci d'avoir mentionné cela. Je me demande pourquoi ils l'ont implémenté différemment sur Windows / Mac OS.
fgm2r
3
est-ce que quelqu'un sait ce qui est arrivé à cette fonctionnalité Chrome? Je pense que j'ai vu cela dans le passé dans mon Chrome, mais maintenant cela semble parti.
superjos
@superjos Ils l'ont changé pour qu'il en soit de même sur Mac OS et Windows maintenant.
fgm2r
2
euh, mais je ne suis même pas capable de voir cela dans le menu contextuel. Seule la commande 'inspect item' est présente. Voir la capture d'écran .
superjos
3

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

omninonsense
la source