Cosa sapere
- Seleziona Safari > Preferenze > Avanzate > Mostra menu Sviluppo nella barra dei menu.
- Per usare Develop, vai al menu Safari e seleziona Develop, tra Segnalibri e Finestra.
- Opzioni di sviluppo più utili: Apri pagina con, User Agent e Svuota cache.
Questo articolo spiega come visualizzare e utilizzare il menu Sviluppo nel browser Web Safari (versioni da 8 a 12).
Mostra il menu Sviluppo in Safari
Prima di poter utilizzare il menu Sviluppo, devi prima rendere visibile il menu nascosto. Questo è un compito facile, molto più facile che rivelare il menu Debug che, prima di Safari 4, conteneva tutti i comandi che ora si trovano nel menu Sviluppo. Tuttavia, non pensare che il vecchio menu Debug non sia più rilevante; esiste ancora e contiene molti strumenti utili.
-
Avvia Safari dal Dock o dalla cartella dell'applicazione Mac.
Image -
Apri le preferenze di Safari facendo clic su Safari nella barra dei menu e selezionando Preferenze nel menu a discesa.
Image -
Fai clic sulla scheda Avanzate nella schermata delle preferenze.
Image -
Seleziona Mostra il menu Sviluppo nella barra dei menu.
Image
Se mai volessi disabilitare il menu Sviluppatore, rimuovi il segno di spunta nel Safari > Preferenze > Schermo avanzato.
Utilizzare il menu Sviluppo
Il menu Sviluppo appare sulla barra dei menu di Safari tra le voci di menu Segnalibri e Finestra. Il menu Sviluppo è particolarmente utile per gli sviluppatori web, ma anche gli utenti occasionali possono trovarlo utile.
Alcune delle voci del menu Sviluppo che probabilmente troverai più utili includono:
- Apri pagina con: ti consente di aprire la pagina web corrente in qualsiasi browser che hai installato sul tuo Mac. Se visiti un sito Web che non funziona correttamente con Safari, utilizza questo comando per passare rapidamente alla stessa pagina Web in un altro browser.
- User Agent: L'user agent è una stringa di testo che il browser invia al server web che ospita la pagina web. Se hai mai visitato una pagina web in cui si affermava che Safari non era supportato, è così che il sito sapeva quale browser stavi utilizzando. Nella maggior parte dei casi, non supportato è una sciocchezza e, utilizzando questa voce di menu, è possibile modificare l'interprete per simularne uno da un browser diverso. Potresti essere stupito di quante volte una pagina web che non funziona all'improvviso lo fa, semplicemente cambiando lo user agent.
- Empty Caches: Safari conserva una cache dei siti a cui si accede di recente. I dati archiviati in questa cache includono tutti gli elementi di una pagina, che possono essere utilizzati per eseguire rapidamente il rendering di un sito Web quando si torna alla pagina. A volte la cache può essere vecchia o danneggiata, causando la visualizzazione errata di una pagina Web. Svuotare la cache può risolvere questi problemi e può anche aiutare a velocizzare Safari.
Voci del menu Sviluppo aggiuntive
La maggior parte delle restanti voci di menu sono probabilmente più utili per gli sviluppatori web, ma se sei interessato a come sono costruiti i siti web, allora potrebbero interessarti le seguenti voci:
- Mostra Web Inspector: Si apre Web Inspector in fondo alla pagina corrente. Con Web Inspector, puoi esaminare gli elementi che hanno contribuito a creare la pagina.
- Mostra sorgente pagina: Visualizza il codice HTML della pagina corrente.
- Mostra risorse pagina: Questo apre la barra laterale Ispettore risorse in Ispettore web. Fornisce un modo semplice per vedere quali immagini, script, fogli di stile e altri elementi sono utilizzati nella pagina corrente.
- Avvia registrazione sulla sequenza temporale: Se vuoi vedere come viene caricata e eseguita una pagina web, prova l'opzione Avvia registrazione sulla sequenza temporale. Questo crea un grafico che mostra l'attività di rete e come viene caricato e utilizzato ogni elemento del sito. È un display interessante, ma non dimenticare di disattivare la funzione selezionando Interrompi registrazione sequenza temporale Altrimenti, stai utilizzando le risorse del tuo Mac per attività non produttive, a meno che tu non sia un web sviluppatore.
- Entra in Responsive Design Mode: un altro strumento per gli sviluppatori web è il simulatore integrato che ti consente di visualizzare in anteprima l'aspetto della tua pagina web con diverse risoluzioni dello schermo o con diversi dispositivi, come l'iPad o l'iPhone. Carica semplicemente la pagina che ti interessa e seleziona Entra in modalità di progettazione reattiva per visualizzare in anteprima la pagina. Puoi provare il rendering della pagina utilizzando vari dispositivi o selezionare una risoluzione dello schermo da utilizzare. Quando hai finito, torna al menu Sviluppo e seleziona Esci dalla modalità di progettazione reattiva
- Caratteristiche sperimentali: se ti senti coraggioso, puoi provare alcune delle funzioni che potrebbero trovare spazio nelle versioni future del browser Safari.
Con il menu Sviluppo visibile, prenditi del tempo per provare le varie voci del menu. Probabilmente ti ritroverai con alcuni preferiti che utilizzerai spesso.
