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

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

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

uhm, mas eu nem consigo ver isso no menu de contexto. Somente o comando 'inspecionar item' está lá. Veja a captura de tela .

— superjos

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

— omninonsense
fonte

Existe o http://jsbeautifier.org/ para uso online ( você precisa copiar / colar ).

Nesse site, eles têm um link para o violinista ( um proxy de depuração da Web ) e um formatador JavaScript para ele ( terceira extensão ).

— Gabriele Petrioli
fonte