Come attivare il menu Sviluppo in Safari su Mac

0
166

Quando fai clic con il pulsante destro del mouse su qualsiasi pagina Web in Safari su Mac, non vengono visualizzati i pulsanti Mostra origine pagina e Ispeziona elemento. Per vederli, devi abilitare il menu Sviluppo: ti mostreremo come farlo.

Dopo aver abilitato il menu Sviluppo, facendo clic con il pulsante destro del mouse su uno spazio vuoto su qualsiasi sito Web verranno visualizzati i pulsanti Ispeziona elemento e Mostra origine pagina. Questi ti consentono di dare un’occhiata al codice sorgente di qualsiasi sito Web, che è utile per cose come scaricare immagini da siti Web e codice di debug o scoprire come appare dietro qualsiasi sito (per i progettisti di siti Web).

Come abilitare il menu Sviluppo in Safari su Mac

Puoi facilmente attivare il menu Sviluppo in Safari seguendo un paio di passaggi. Apri Safari sul tuo Mac e fai clic sul pulsante “Safari” nella barra dei menu.

Fai clic su Safari nella barra dei menu

Quindi, seleziona “Preferenze”. In alternativa, puoi utilizzare la scorciatoia da tastiera Command+, (virgola). Questo aprirà anche le preferenze di Safari.

Fare clic su Preferenze

Vai alla scheda “Avanzate”.

Fare clic su Avanzate

Seleziona la casella “Mostra menu Sviluppo nella barra dei menu”.

Abilita Mostra menu Sviluppo nella barra dei menu

Annuncio pubblicitario

Ora il menu Sviluppo apparirà tra Segnalibri e Finestra in alto.

Il menu Sviluppo nella barra dei menu

Oltre a poter visualizzare l’origine della pagina, ciò ti consentirà di accedere a funzionalità incentrate sugli sviluppatori, come la disattivazione di JavaScript su qualsiasi sito Web.

Come visualizzare l’origine della pagina in Safari su Mac

Dopo aver abilitato il menu Sviluppo, ci sono un paio di modi per visualizzare l’origine della pagina in Safari.

Apri qualsiasi sito Web in Safari e fai clic con il pulsante destro del mouse sullo spazio vuoto nella pagina. Ora seleziona “Mostra origine pagina”. Puoi anche accedere a questo menu usando la scorciatoia da tastiera Opzione+Comando+u.

Fare clic su Mostra origine pagina

Se stai cercando immagini o altri elementi multimediali da qualsiasi pagina web, Safari ti consente di trovarli facilmente. Nel riquadro di sinistra, vedrai varie cartelle come Immagini, Font, ecc. Fai clic sulla cartella “Immagini” per trovare rapidamente le foto di cui hai bisogno.

Fare clic sulla cartella Immagini per visualizzare tutte le immagini da qualsiasi pagina Web

Dopo aver selezionato un’immagine, puoi visualizzarne facilmente i dettagli aprendo la barra laterale dei dettagli. Il pulsante per aprirlo si trova in alto a destra della console, appena sotto l’icona dell’ingranaggio. Puoi anche aprirlo con la scorciatoia Opzione+Comando+0.

Apri la barra laterale dei dettagli

Annuncio pubblicitario

Fai clic su “Risorsa” nella parte superiore della barra laterale dei dettagli per visualizzare i dettagli, come la dimensione dell’immagine e il suo URL completo.

Fare clic sulla scheda Risorse

Puoi anche cambiare facilmente la posizione della console di origine della pagina. Ci sono due pulsanti in alto a sinistra di questa console, proprio accanto al pulsante X. Fare clic sull’icona del rettangolo per spostare la console su un lato diverso all’interno della finestra del browser.

Se desideri aprire la console di origine della pagina in una finestra separata, puoi fare clic sull’icona dei due rettangoli. Questo staccherà la console e la aprirà in una finestra separata.

Per controllare il codice per qualsiasi elemento specifico sulla pagina, puoi fare clic con il pulsante destro del mouse su quell’elemento e selezionare “Ispeziona elemento”. Questo ti porterà direttamente al codice per l’elemento che hai selezionato.

Fare clic su Ispeziona elemento


Ogni volta che hai finito di guardare il codice, fai clic sul pulsante X per chiudere la console di origine della pagina e tornare alla navigazione su Safari. Puoi anche controllare come visualizzare l’origine della pagina di un sito Web in Google Chrome qui.

RELAZIONATO: Come visualizzare la sorgente HTML in Google Chrome