javascript - para - Javavascripts legibles por humanos en herramientas de desarrollador de Chrome

depurar javascript online

Question

¿Alguien sabe si Chrome Developer Tools puede formatear javascripts en forma legible para humanos? Algún tipo de embellecedor sería útil. Digamos que estoy usando alguna biblioteca JS y necesito crear una instancia de su objeto, para que yo sepa qué poner en el constructor. Pero buscar en esta enorme biblioteca que tiene 4 líneas en la interfaz de usuario de Chrome Developer Tools es bastante molesto ...

De lo contrario, el lado del servidor debe ocuparse de implementar el "modo dev" que proporciona archivos JavaScript que no están minificados ...

Answer 1

¿No existe el icono de Pretty Print (similar a: {}), al menos en Windows hay uno, dentro de la pestaña Scripts?

Answer 2

Existe el http://jsbeautifier.org/ para uso en línea ( debe copiar / pegar ).

En ese sitio tienen un enlace a fiddler ( un proxy de depuración web ) y un formateador de JavaScript para él ( 3ra extensión ).

Answer 3

Algunos navegadores tienen un botón de impresión bonito que se parece a esto {} y aparece para HTML, JS y / o CSS dependiendo del navegador.

Chrome lo tiene en la pestaña de Fuentes :

Firefox lo tiene en la pestaña " Depurador"

:

La posición de estos botones puede cambiar, pero siempre debe estar allí