Cosa sapere
-
In Safari: fai clic con il pulsante destro del mouse su una pagina web e seleziona Ispeziona elemento.
- In Chrome, puoi fare clic con il pulsante destro del mouse e fare clic su Ispeziona.
- Per abilitare la funzione in Safari: Safari > Preferenze > Avanzate > controlla Mostra il menu Sviluppo nella barra dei menu casella.
Questo articolo ti insegna come ispezionare l'elemento di un sito web su Mac. Viene illustrato come farlo tramite Safari e Google Chrome.
Come usi la funzione Ispeziona elemento su un Mac?
Prima di ispezionare elementi su Mac quando utilizzi Safari, devi abilitare il menu sviluppatore all'interno del browser. Ecco come accenderlo e cosa fare per ispezionare un elemento.
Se puoi vedere Sviluppa tra i segnalibri e la finestra, il menu sviluppatore è già stato abilitato e puoi s altare al passaggio 4.
Utilizzo della funzione Ispeziona elemento in Safari
Ecco come utilizzare Inspect Element in Safari, il browser predefinito sui computer Mac.
-
In Safari, fai clic su Safari > Preferenze.
Image -
Fai clic su Avanzate.
Image -
Fai clic su Mostra menu Sviluppo nella barra dei menu, quindi chiudi la finestra.
Image - Durante la navigazione in un sito Web, fai clic con il pulsante destro del mouse sull'elemento che desideri ispezionare.
-
Fai clic su Ispeziona elemento.
Image -
Ora puoi visualizzare il codice dietro il sito web che hai ispezionato.
Image
Utilizzo della funzione Ispeziona elemento in Chrome su Mac
Se usi Chrome invece di Safari sul tuo Mac, è ancora più facile visualizzare un elemento in quanto non è necessario abilitare la funzione. Ecco cosa fare.
- In Chrome, accedi a un sito web.
- Fai clic con il pulsante destro del mouse sull'elemento che desideri ispezionare.
-
Fai clic su Ispeziona.
Image -
Ora puoi visualizzare il codice in una finestra laterale su Chrome.
Image
Perché non riesco a ispezionare sul mio Mac?
Potresti non essere in grado di ispezionare un elemento sul tuo Mac se non hai abilitato il menu Sviluppatore in Safari. Ecco un promemoria su come farlo.
-
In Safari, fai clic su Safari > Preferenze.
Image -
Fai clic su Avanzate.
Image -
Fai clic su Mostra menu Sviluppo nella barra dei menu, quindi chiudi la finestra.
Image
Come apportare modifiche al sito web ispezionando l'elemento
Oltre a consentire di visualizzare il codice su un sito Web, è anche possibile modificare temporaneamente qualsiasi elemento del sito Web tramite Inspect Element. Ecco come farlo tramite Safari.
Il processo è molto simile su altri browser.
- Durante la navigazione in un sito Web, fai clic con il pulsante destro del mouse sull'elemento che desideri ispezionare.
- Fai clic su Ispeziona elemento.
- Fai doppio clic sul testo nel codice per renderlo modificabile.
- Cancellalo o inserisci una nuova stringa di testo.
- Tocca Invio.
- Il codice è stato temporaneamente modificato a tuo vantaggio.
Perché vorresti usare la funzione Ispeziona elemento?
Essere in grado di ispezionare un elemento è utile per molte ragioni.
- Per cambiare il codice al volo. I progettisti di siti Web possono modificare temporaneamente le cose su un sito Web per vedere come le modifiche influiscono sulle cose.
- Per controllare il codice. Sia i designer che gli addetti al marketing possono controllare il codice per verificare che siano presenti elementi come i dettagli di Google Analytics.
- Per visualizzare le immagini separatamente da un sito. Se un sito non ti consente di aprire un'immagine in una nuova scheda o finestra, la visualizzazione dell'elemento lo rende possibile.
-
Tinker. Vedere il codice di una pagina web può aiutarti a capire cosa vedi, rimuovendo il mistero di cosa e perché di cosa succede con il sito in cui ti trovi. È come smontare un elettrodomestico per vedere come funziona, ma in questo caso non ci sono viti da perdere.
Domande frequenti
È legale ispezionare un sito web?
Sì. Tuttavia, se prevedi di utilizzare codice o risorse da un sito Web, assicurati di verificare con il proprietario e aggiungere una nota sul copyright.
Come faccio a copiare HTML da un sito Web con l'elemento inspect?
In Chrome, fai clic con il pulsante destro del mouse sulla pagina e seleziona Ispeziona, quindi vai alla sezione superiore e fai clic con il pulsante destro del mouse sul tag (ad es.). Seleziona Copy > Copy externalHTML, quindi incolla il codice in un file di testo o HTML.
Posso copiare CSS da un sito Web con l'elemento inspect?
Sì. Fai clic con il pulsante destro del mouse sull'elemento che desideri copiare e scegli Ispeziona. Fare clic con il tasto destro del mouse sul codice evidenziato e selezionare Copia > Copia stili.
Come faccio a vedere le mie password salvate usando l'elemento inspect?
Per rivelare le password nascoste, fai clic con il pulsante destro del mouse sulla casella di testo della password e seleziona Ispeziona. Nella sezione evidenziata, cerca type="password" e sostituisci password con text. Esistono modi più semplici per mostrare tutte le tue password in Chrome.
