Gli sviluppatori e i progettisti dell'interfaccia utente utilizzano la funzione Ispeziona elemento per modificare i siti Web online senza modificare il codice sorgente. Ma come ispezionare gli elementi senza intraprendere un corso di sviluppo web?
Inspect Element è un pratico strumento per sviluppatori che viene fornito immediatamente con i browser Web più diffusi. Devi solo sapere come distribuire lo strumento in pochi clic durante la navigazione nei siti Web.
Puoi fare molti trucchi magici come cambiare il layout del sito web, acquisire schermate senza testo, cambiare i caratteri, modificare i numeri e altro ancora.
Di seguito troverai una concisa guida passo-passo per imparare a ispezionare gli elementi senza sforzo.
Che cos'è l'elemento di ispezione?
Inspect Element è uno strumento di sviluppo web disponibile nella maggior parte dei browser web. Puoi usarlo per modificare il codice sorgente front-end di qualsiasi sito web che stai visitando.
Le modifiche apportate avvengono all'interno di una sandbox all'interno del tuo browser web. Quindi, non stai apportando modifiche al sito Web effettivo. Inoltre, le modifiche superficiali che apporti scompaiono quando aggiorni la pagina.
Ecco alcuni modi creativi per usarlo:
Come ispezionare gli elementi su Windows
Usare lo strumento Ispeziona elemento su Windows è incredibilmente facile. Trova di seguito una guida dettagliata per ispezionare gli elementi utilizzando vari browser Web su Windows:
Strumento di ispezione di Google Chrome
Come ispezionare gli elementi sul browser Chrome di Windows
Come posso aprire Inspect Element in Chrome senza fare clic con il tasto destro?
Esistono alcune utili scorciatoie per aprire lo strumento Ispeziona elemento su Google Chrome per Windows. Questi tasti di scelta rapida sono i seguenti:
I tasti di scelta rapida di cui sopra funzionano anche sul browser Mozilla per Windows.
Strumento Ispettore Mozilla
Come ispezionare gli elementi su Windows Mozilla Browser
Sul browser Mozilla, il processo è lo stesso di Google Chrome. Tuttavia, la finestra Inspector verrà visualizzata nella parte inferiore del browser anziché sul lato destro, come in Google Chrome.
Strumento Microsoft Edge Inspect
Come ispezionare gli elementi su Windows Edge Browser
Sorprendentemente, Inspect Element di Microsoft Edge funziona in modo simile al browser Google Chrome. Lo strumento Ispeziona è disponibile facendo clic con il pulsante destro del mouse. Inoltre, i codici HTML e CSS vengono visualizzati sul lato destro, in modo simile a Google Chrome.
Come ispezionare gli elementi su Mac
Stai utilizzando Google Chrome, Mozilla Firefox o Microsoft Edge sui computer Mac di Apple? In caso affermativo, puoi distribuire lo strumento Ispeziona elemento seguendo i passaggi sopra menzionati nella sezione Windows.
Ma se stai utilizzando il browser Web macOS predefinito, Safari, utilizzare lo strumento Ispeziona elemento è un gioco complicato. Per impostazione predefinita, Safari non mostra Ispeziona elemento su un Mac. Ecco cosa devi fare:
Come aprire Inspect Element su Mac
Prima di tutto, devi attivare gli strumenti per sviluppatori su Safari su un Mac. Ecco come:
Hai abilitato correttamente gli strumenti per sviluppatori su Safari per Mac. Ora, segui questi passaggi per utilizzare Ispeziona elemento:
What Are the Keys for Inspect Element?
Potresti cercare scorciatoie per Ispeziona elemento su Mac. Puoi utilizzare quanto segue:
Come ispezionare gli elementi sui Chromebook
Chromebook utilizza Google Chrome come browser predefinito. Quindi, dopo aver aperto qualsiasi sito Web, è sufficiente fare clic con il pulsante destro del mouse per trovare l'opzione Ispeziona elemento nel menu contestuale che segue.
Se utilizzi un Chromebook al lavoro o a scuola, potresti porre questa domanda:
Why Can’t I Inspect on My School Chromebook?
La maggior parte degli amministratori scolastici e aziendali disabilita le funzionalità avanzate sul Chromebook che ti forniscono per lavoro o studio. Poiché gli strumenti per sviluppatori sono funzionalità avanzate, è probabile che il Chromebook della tua scuola o del tuo lavoro non mostri lo strumento Ispeziona elemento.
Come ispezionare gli elementi su iPad/iPhone
Sfortunatamente, non puoi utilizzare lo strumento Ispeziona elemento su un iPhone o iPad senza un Mac.
iOS e iPadOS hanno Web Inspector per l'app Safari. Tuttavia, funziona solo se colleghi il dispositivo mobile a un Mac su cui hai già attivato gli strumenti per sviluppatori per Safari. Di seguito sono riportati i passaggi che puoi provare:
Apertura delle impostazioni di Safari su iPad o iPhone
Attivazione di Web Inspector su iPad e iPhone
Conclusione
Hai esplorato tutti i modi possibili per utilizzare lo strumento Ispeziona elemento per la modifica temporanea di pagine web. Hai anche imparato come ispezionare elementi per vari dispositivi come Mac, Windows, Chromebook, iPad e iPhone.
La prossima volta che devi modificare una pagina web per divertimento o per esigenze professionali, prova questi metodi. Amerai sicuramente questi semplici passaggi rispetto ad altri metodi complicati spiegati altrove.
Non dimenticare di lasciare commenti qui sotto se i passaggi precedenti ti hanno aiutato, qualsiasi metodo che ritieni impegnativo o eventuali suggerimenti segreti sullo strumento Ispeziona elemento.
Hai bisogno di una pagina web come riferimento stampato? Scopri come salvare rapidamente una pagina Web come PDF ora!
Chrome, per impostazione predefinita, non mostra l'URL completo. Potresti non preoccuparti troppo di questo dettaglio, ma se per qualche motivo hai bisogno che venga visualizzato l'URL completo, istruzioni dettagliate su come fare in modo che Google Chrome visualizzi l'URL completo nella barra degli indirizzi.
Reddit ha cambiato nuovamente il design nel gennaio 2024. La riprogettazione può essere vista dagli utenti del browser desktop e restringe il feed principale fornendo collegamenti
Digitare la tua citazione preferita dal tuo libro su Facebook richiede tempo ed è pieno di errori. Scopri come utilizzare Google Lens per copiare testo dai libri sui tuoi dispositivi.
A volte, quando lavori su Chrome, non puoi accedere a determinati siti Web e viene visualizzato un errore "Impossibile trovare l'indirizzo DNS del server di correzione in Chrome". Ecco come puoi risolvere il problema.
I promemoria sono sempre stati il punto forte di Google Home. Sicuramente ci semplificano la vita. Facciamo un breve tour su come creare promemoria su Google Home per non perdere mai di occuparti di commissioni importanti.
Come cambiare la password sul servizio di video in streaming Netflix utilizzando il browser preferito o l'app Android.
Se vuoi eliminare il messaggio Ripristina pagine su Microsoft Edge, chiudi semplicemente il browser o premi il tasto Esc.
Cerchi un'alternativa affidabile a Google Voice per le telefonate? Scopri le migliori alternative di chiamata VoIP a Google Voice.
Un cappello nero è un hacker che vittimizza le persone e infrange la legge. Continua a leggere per saperne di più sull'argomento.
Non sei sicuro di cosa sia un criminale informatico? Un criminale informatico è un criminale che commette reati principalmente utilizzando sistemi informatici.
