Progettare il proprio sito web può essere sia divertente e stimolante. Se si sta lavorando su uno stile CSS o cercando di ottenere il codice HTML giusto, è utile per visualizzare in anteprima il sito e quindi eseguire il debug degli errori. Utilizzando strumenti di Chrome "Inspect Element", è possibile vedere esattamente quale parte del codice CSS si applica a quella parte del sito web, e persino il codice di anteprima in tempo reale.

istruzione

1 Passare al sito web che si desidera eseguire il debug.

2 Individuare l'elemento o sezione del sito che non viene visualizzata correttamente.

3 Pulsante destro del mouse sulla voce o sezione e scegliere "Inspect Element". Questo porta in primo piano strumento di Chrome per eseguire il debug la pagina Web.

4 Leggere il codice sul lato sinistro per assicurarsi che sia corretto. Per verificare le modifiche, modificare gli elementi HTML - le modifiche appaiono immediatamente nella pagina Web di cui sopra.

5 Controllare il codice CSS sulla destra e apportare le modifiche che si desidera testare. Proprio come il codice HTML, CSS le modifiche rendono immediatamente.

6 Ritorno al codice vero e proprio della pagina Web e apportare le modifiche necessarie che hai visualizzato in anteprima con lo strumento "Inspect Element".