A cosa serve
Spiega come usare Chrome DevTools per analizzare HTML, CSS, JavaScript, rete, performance e problemi di visualizzazione di un sito.
Prima di iniziare
- Apri il sito in Chrome o Edge Chromium.
- Riproduci il problema che vuoi analizzare.
- Tieni pronta la pagina da correggere.
Procedura passo passo
- Apri DevTools con F12 o Ispeziona.
- Usa Elements per verificare HTML, CSS e regole applicate.
- Usa Console per leggere errori JavaScript.
- Usa Network per controllare file mancanti, immagini pesanti e richieste lente.
- Usa Lighthouse o Performance per capire cosa rallenta la pagina.
Controlli finali
- Non ci sono errori rossi in Console.
- CSS e immagini sono caricati.
- La pagina resta leggibile in modalita responsive.
Errori comuni
- Correggere solo nel pannello DevTools senza salvare nel file.
- Ignorare errori 404 in Network.
- Guardare solo desktop e dimenticare mobile.
Quando chiedere aiuto
Se la guida riguarda un PC di lavoro, un sito online, un dominio, caselle email, DNS, hosting Plesk o dati importanti, e meglio fare un controllo guidato. Posso verificare la configurazione, applicare la soluzione e lasciarti una situazione ordinata.