Javascript legible por humanos en las herramientas para desarrolladores de Chrome

Question

¿Alguien sabe si Chrome Developer Tools pueden formatear los javascript en formato legible por humanos? Algún tipo de embellecedor sería práctico. Digamos que estoy usando alguna biblioteca JS y necesito crear una instancia de su objeto, de modo que debo saber qué poner en constructor. Sin embargo, la búsqueda a través de esta enorme biblioteca que cuenta con 4 líneas en la interfaz de usuario de Chrome Developer Tools es bastante molesto ...

De lo contrario el lado servidor tiene que hacerse cargo de la implementación de "modo dev" que los archivos JavaScript que se suministra no miniaturizada ...

Answer 1

Algunos navegadores tienen un impresión bonita botón que tiene este aspecto {} y aparece para HTML, JS, y / o CSS en función del navegador.

Chrome tiene que en el de las fuentes

Firefox tiene en el en el depurador

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

Answer 2

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

Answer 3

No es la http://jsbeautifier.org/ para el uso en línea ( es necesario copiar / pegar ).

En este sitio tienen un enlace a violinista ( un proxy de depuración web ) y un JavaScript formateador para él ( tercera extensión ).