Herramientas

Referencia Rápida de Chrome DevTools

Cheat sheet imprimible de Referencia Rápida de Chrome DevTools, organizado para consulta rápida, estudio y uso de escritorio

Muestra

Qué incluye este cheat sheet

`Right-click -> Inspect`	Abrir panel Elementos para el elemento
`Double-click tag/attribute`	Editar HTML en línea
`Delete key`	Eliminar nodo seleccionado
`Ctrl+Z`	Deshacer cambio en el DOM
`H key`	Alternar visibilidad del elemento seleccionado
`Drag node`	Mover elemento en el árbol DOM

`element.style {}`	Agregar estilos en línea al elemento
`Click property value`	Editar valor CSS en vivo
`Checkbox next to rule`	Activar/desactivar propiedad CSS
`:hov button`	Forzar pseudo-estados del elemento (:hover, :focus)
`.cls button`	Agregar/quitar clases CSS
`Color swatch`	Abrir selector de color
`Computed tab`	Ver valores CSS calculados finales

Descarga el cheat sheet completo con todas las secciones, listo para imprimir

Descargas