Ferramentas

Referência Rápida Chrome DevTools

Cheat sheet pronto para impressão de Referência Rápida Chrome DevTools, organizado para consulta rápida, estudo e uso ao lado da mesa

Amostra

O que tem neste cheat sheet

`Right-click -> Inspect`	Abrir painel Elements para o elemento
`Double-click tag/attribute`	Editar HTML inline
`Delete key`	Excluir nó selecionado
`Ctrl+Z`	Desfazer alteração no DOM
`H key`	Alternar visibilidade do elemento selecionado
`Drag node`	Mover elemento na árvore DOM

`element.style {}`	Adicionar estilos inline ao elemento
`Click property value`	Editar valor CSS ao vivo
`Checkbox next to rule`	Ativar/desativar propriedade CSS
`:hov button`	Forçar pseudo-estados do elemento (:hover, :focus)
`.cls button`	Adicionar/remover classes CSS
`Color swatch`	Abrir seletor de cores
`Computed tab`	Ver valores CSS computados finais

Baixe o cheat sheet completo com todas as seções, formatado para impressão

Baixar PDF

Downloads