Strumenti
Riferimento Rapido Chrome DevTools
Cheat sheet pronto da stampare per Riferimento Rapido Chrome DevTools, organizzato per consultazione rapida, studio e uso da scrivania
Esempio
Cosa contiene questo cheat sheet
- Elements
- Console
- Network
- Sources
- Performance
- Application
- Lighthouse
- Scorciatoie
- Debug Mobile
- Pattern Comuni
Ispezione e Modifica
Clic destro -> Ispeziona | Apre il pannello Elements per l'elemento |
Doppio clic su tag/attributo | Modifica HTML inline |
Tasto Canc | Elimina il nodo selezionato |
Ctrl+Z | Annulla modifica DOM |
Tasto H | Alterna visibilità dell'elemento selezionato |
Trascina nodo | Sposta elemento nell'albero DOM |
Pannello Stili
element.style {} | Aggiunge stili inline all'elemento |
Clic sul valore proprietà | Modifica il valore CSS in tempo reale |
Casella accanto alla regola | Attiva/disattiva proprietà CSS |
Pulsante :hov | Forza pseudo-stati (:hover, :focus) |
Pulsante .cls | Aggiunge/rimuove classi CSS |
Campione colore | Apre il selettore colore |
Tab Computed | Visualizza valori CSS calcolati definitivi |
Scarica il cheat sheet completo con tutte le sezioni, formattato per la stampa
Scarica PDFDownload
Scegli la variante adatta al tuo modo di leggere
-
Consigliato
Standard
Bianco e nero, parsimonioso con l’inchiostro. Il default per laser e fotocopie
Ideale per Stampe e riferimento da scrivania
-
Colore
Accenti caldi per lettura a schermo o stampanti a colori
Ideale per Lettura a schermo o stampanti a colori
-
Scheda di riferimento
Massima densità, layout a 4 colonne. Tutto in una pagina
Ideale per Scansione rapida e minimo uso di carta