Come aprire gli strumenti per sviluppatori in un browser

0
28

Come aprire gli strumenti per sviluppatori in un browser

Gli strumenti per sviluppatori Web inclusi nella maggior parte dei principali browser Internet sono utili per diversi motivi. Ad esempio, possono essere utilizzati per eseguire il debug del codice e testare le modifiche a HTML, CSS e JavaScript in tempo reale. Per sapere come aprire gli strumenti per sviluppatori, seleziona un browser dall’elenco sottostante e segui le istruzioni.

Cromo

Google Chrome

  1. Apri il browser Google Chrome.
  2. Fai clic su Personalizza e controlla Google Chrome Icona delle impostazioni di Chrome nell’angolo in alto a destra della finestra del browser.
  3. Dal menu a discesa visualizzato, sposta il cursore del mouse su Altri strumenti e seleziona Strumenti per sviluppatori dal menu espanso.
  4. Ora vedrai una nuova sezione nella parte inferiore dello schermo contenente gli strumenti per sviluppatori.

Scheda Elementi in Chrome.

Consiglio

In Chrome, premendo il tasto F12 tasto o Ctrl+Spostare+io (o Comando+opzione+io su un Mac) fa apparire anche gli strumenti di sviluppo interattivi.

Firefox

Mozilla Firefox

  1. Apri il browser Mozilla Firefox.
  2. Fare clic sul menu Icona del menu di Firefox icona nell’angolo in alto a destra dello schermo.
  3. Sposta il cursore del mouse su Web Developer nel menu a discesa e seleziona Attiva/disattiva strumenti dal menu espanso.
  4. Ora vedrai una nuova sezione nella parte inferiore dello schermo contenente gli strumenti per sviluppatori.

Scheda Impostazioni di Firefox.

Consiglio

In Firefox, premendo il tasto F12 tasto o Ctrl+Spostare+io (o Comando+opzione+io su un Mac) fa apparire anche gli strumenti di sviluppo interattivi.

Microsoft Edge

Microsoft Edge

  1. Apri il browser Microsoft Edge.
  2. Fai clic su Impostazioni e altro Bordo più icona icona nell’angolo in alto a destra dello schermo.
  3. Sposta il cursore del mouse su Altri strumenti nel menu a discesa e seleziona Strumenti per sviluppatori dal menu espanso.
  4. Ora vedrai una nuova sezione sul lato destro dello schermo contenente gli strumenti per sviluppatori.

Scheda Elementi in Edge.

Consiglio

In Microsoft Edge, premendo il tasto F12 tasto o Ctrl+Spostare+io visualizza anche gli strumenti di sviluppo interattivi.

Internet Explorer

Microsoft Internet Explorer

  1. Apri il browser Internet Explorer.
  2. Fare clic su Strumenti Icona degli strumenti di Internet Explorer nell’angolo in alto a destra.
  3. Seleziona Strumenti per sviluppatori F12 dal menu a discesa.
  1. Dovrebbe aprirsi una nuova finestra contenente gli strumenti di sviluppo.

Scheda DOM Explorer in Internet Explorer.

Consiglio

In Internet Explorer, premendo il tasto F12 key fa apparire anche la finestra del menu DOM e degli strumenti per sviluppatori.

Safari

Safari

In Safari, gli strumenti per sviluppatori non sono abilitati per impostazione predefinita. Le sezioni seguenti mostrano come attivare questa funzione e come accedervi.

Accesso alle opzioni sviluppatore in Safari

  1. Apri il browser Safari.
  2. Selezionare Selettore Safari dalla barra dei menu nell’angolo in alto a sinistra dello schermo.
  3. Nel menu a discesa che appare, seleziona Preferenze.

Selettore preferenze

  1. Fare clic sulla scheda Avanzate e selezionare la casella accanto a Mostra menu Sviluppo nella barra dei menu.

Mostra il menu Sviluppo in Safari.

  1. Ora vedrai il selettore Sviluppo nella barra dei menu di Apple nella parte superiore dello schermo.

Selettore di sviluppo nella barra dei menu di Apple.

  1. Fai clic sul selettore Sviluppo e scegli Mostra Web Inspector dal menu a discesa.
  2. Dovrebbe aprirsi una nuova finestra contenente gli strumenti di sviluppo.

Scheda Elementi in Safari.

Consiglio

Una volta abilitate le opzioni sviluppatore, premere Comando+opzione+io apre anche gli strumenti per sviluppatori.

musica lirica

musica lirica

  1. Apri il browser Opera.
  2. Fare clic sull’Opera Pulsante Menu Opera icona nell’angolo in alto a sinistra della finestra del browser.
  3. Sposta il cursore del mouse su Sviluppatore nel menu a discesa e seleziona Strumenti per sviluppatori dal menu espanso.
Consiglio

Se non vedi il sottomenu Sviluppatore, fai clic sul pulsante del menu Pulsante del menu Opera. e seleziona Altri strumenti → Mostra menu sviluppatore. Quindi, fai nuovamente clic sul pulsante del menu per visualizzare la voce Sviluppatore elencata.

  1. Ora vedrai una nuova sezione sul lato destro dello schermo contenente gli strumenti per sviluppatori.

Scheda Elementi in Opera.

Consiglio

In Opera, premendo il tasto F12 tasto o Ctrl+Spostare+io (o Comando+opzione+io su un Mac) fa apparire anche gli strumenti di sviluppo interattivi.

LEAVE A REPLY

Please enter your comment!
Please enter your name here