Javascripts legíveis por humanos em ferramentas para desenvolvedores do Chrome

142

alguém sabe se as Ferramentas para Desenvolvedor do Chrome podem formatar javascripts em formato legível por humanos? Algum tipo de embelezador seria útil. Digamos que estou usando alguma biblioteca JS e preciso instanciar seu objeto, para que eu saiba o que colocar no construtor. Mas pesquisar nessa enorme biblioteca que possui quatro linhas na interface do usuário das Ferramentas para Desenvolvedor do Chrome é bastante irritante ...

Caso contrário, o lado do servidor precisa cuidar da implementação do "modo dev", que fornece arquivos javascript que não são minificados ...

javascript google-chrome-devtools lisak
fonte
tenho certeza que isso não é possível, mas espero estar errado, porque seria um recurso interessante.
Zevan
Sim, mas a ausência desse recurso é bastante surpreendente, então é melhor perguntar aqui #
lisak
Versão do Firebug: stackoverflow.com/questions/4279319/…
Ciro Santilli (

Respostas:

331

Alguns navegadores têm um botão Pretty print que se parece com isso {}e aparece para HTML, JS e / ou CSS, dependendo do navegador.

O Chrome está na guia Fontes :

Botão bonito de impressão do Chrome 40

O Firefox o encontra na guia Debugger

Botão de fonte de prettify do Firefox 35:

A posição desses botões pode mudar, mas deve sempre estar lá

fgm2r
fonte
2
No Windows, é um pequeno ícone que se assemelha a -> {}. A legenda diz Pretty Print.
Omninonsense
Obrigado por mencionar isso. Eu me pergunto por que eles o implementaram de maneira diferente no Windows / Mac OS.
fgm2r
3
alguém sabe o que aconteceu com esse recurso do Chrome? Acho que vi isso no passado no meu Chrome, mas agora parece que ele se foi.
Superjul
@superjos Eles mudaram para o mesmo no Mac OS e Windows agora.
Fgm2r
2
uhm, mas eu nem consigo ver isso no menu de contexto. Somente o comando 'inspecionar item' está lá. Veja a captura de tela .
superjos
3

Não existe o ícone Pretty Print (aparência: {}), pelo menos no Windows existe um, na guia Scripts?

omninonsense
fonte