36
Existe-t-il un moyen d'embellir javascript et css dans Firebug? J'aimerais pouvoir voir les js formatés au lieu de la version compressée :).Comment embellir Javascript et CSS dans Firefox/Firebug?
A
Répondre
12
CSS est déjà embelli dans Firebug, comme on le voit clairement en comparant l'onglet CSS ou le volet CSS avec la source brute.
JavaScript, hélas, ne l'est pas. Le mieux que vous pouvez faire, pour l'instant, est de coller le code dans quelque chose comme http://jsbeautifier.org/. Cependant, si vous écrivez a Firebug extension cela fait, vous aurez toute notre gratitude. ;-)
19
il y a maintenant un plugin qui intercepte les téléchargements javascript et les déminifie à ce moment-là. Malheureusement, la façon dont il se connecte à firefox signifie qu'il s'applique à tous les téléchargements javascript et pas à ceux spécifiques, et les fichiers javascript doivent être servis avec un type mime approprié.
+1
De plus, pas de support au dessus de Firefox 3.6. – skolima
+0
devrait être bon jusqu'à firefox 5.x maintenant. Vous pouvez également regarder les nouvelles versions du navigateur Chrome qui ont cette fonctionnalité intégrée. Parce qu'ils utilisent l'arbre d'analyse, ils ne briseront pas votre code pendant l'obscurcissement et cela aura très peu d'impact sur les performances. – benmmurphy
+0
Fonctionne avec Firefox 7.0.1 –
4
Firefox Developer Tools a:
bouton "Prettify Source": accolades
{}icône en bas à gauche"Auto Prettify minified Sources" réglage: active la fonction Prettify Source par défaut.
Pour l'activer: accédez à l'icône du moteur en haut à droite de l'onglet Débogueur, et non le moteur de paramètres globaux.
testé sur Firefox 42.
+1
Firebug 2.0.13 (FF43.0.1) a aussi une icône '{}' dans l'onglet de script, à côté du nom de script. – hinneLinks
Questions connexes
- 1. Comment formater/ranger/embellir en JavaScript
- 2. Comment embellir l'URL?
- 3. JavaScript et CSS
- 4. mod_rewrite page embellir
- 5. Problème CSS et JavaScript
- 6. Comment déclarer JavaScript et CSS compatible XHTML?
- 7. Performances d'analyse Javascript et CSS
- 8. Regex pour embellir le texte
- 9. diaporama avec CSS et Javascript
- 10. Fenêtre modale en utilisant Javascript et Css
- 11. Comment intégrer Javascript en CSS?
- 12. WebKit Transformations CSS et animations en Javascript
- 13. Css/images/javascript dans codeigniter
- 14. Problème simple: Safari et survols CSS/Javascript
- 15. Javascript et fichiers CSS chargement problème
- 16. Créer un graphique avec css et javascript
- 17. Embellir une application SWT sur Mac
- 18. Insérer dynamiquement des dépendances dans View (fichiers Javascript et CSS)
- 19. Confusions avec les relations CSS et JavaScript?
- 20. Versioning css/javascript dans Wordpress
- 21. Bibliothèque Java pour le code embellir/format
- 22. Fichier (s) CSS et Javascript cumulé (s)
- 23. Comment créer un popup modal en utilisant javascript et CSS
- 24. Javascript et CSS - Compresser et mettre en cache
- 25. Django - Balises de gabarit dans les fichiers javascript et css
- 26. Compatible X-UA dans les fichiers JavaScript et CSS
- 27. Y compris JavaScript et CSS dans une page (jQuery)
- 28. Organiser CSS et Javascript dans un site multiprojet modèle unique
- 29. CSS et JavaScript dans ASP.NET MVC 2 Pages
- 30. javascript css image django
question similaire ici: http://stackoverflow.com/questions/822119/online-tool-to-unminify-decompress-javascript – lashleigh
Pas pour Firefox, mais ... Les outils de développement de Chrome ont cette fonctionnalité intégrée. Sur l'onglet du script, la barre en bas à gauche a un ensemble d'icônes ... l'icône "{}" est "Pretty print" et fait cette conversion. –
@JonAdams Merci. C'est exactement la réponse à la question que j'allais poser. Voici une upvote. –