Forza la versione desktop di YouTube in Safari per iPhone e iPad
Scopri come visualizzare la versione desktop completa di YouTube in Safari per iOS e accedere a tutte le sue funzionalità.
MacOS: Abilitare Web Inspector in Safari
Se desideri visualizzare il codice sorgente di una pagina web in Apple Safari per macOS Sierra, dovrai abilitare lo strumento Safari Web Inspector usando i seguenti metodi.
I sviluppatori di browser web come Apple, Google, ecc., forniscono uno strumento pronto all'uso per visualizzare i codici sottostanti. Gli sviluppatori lo utilizzano principalmente per eseguire il debug e visualizzare modifiche apportate su un sito web live senza disturbare il codice effettivo presente nel server. Tuttavia, questo strumento è diventato popolare anche tra i creatori di contenuti e gli utenti di internet esperti che desiderano modificare un sito web live per scopi personali o professionali. Se sei uno di questi, leggi l'articolo fino alla fine per conoscere tutto su Safari Web Inspector e come ispezionare un elemento.
Contenuti
- 1 Cos'è Safari Web Inspector?
- 2 Come Attivare Safari Web Inspector in Safari 10 e Superiori
- 3 Come Utilizzare Safari Web Inspector su macOS
- 4 Come Aprire Safari Web Inspector in Versioni Precedenti di macOS
Cos'è Safari Web Inspector?
Web Inspector è parte del pacchetto di strumenti di sviluppo che Apple offre a sviluppatori di siti web e app in tutto il mondo. Lo strumento è disponibile sia per dispositivi macOS che iOS. Gli sviluppatori possono modificare, ottimizzare e debugare i siti web senza sforzo per ottenere prestazioni ottimali per le loro proprietà online.
Lo strumento Web Inspector su Safari riunisce la maggior parte delle risorse del sito web in un'unica interfaccia. Lo strumento separa anche le risorse e i loro parametri in schede dedicate in modo da non sentirti sopraffatto da così tanti codici e opzioni. Web Inspector offre anche una vista temporale della memoria del sito web, così puoi debugare la memoria facilmente. Inoltre, essendo uno sviluppatore, puoi modificare e ottimizzare più di 150 proprietà CSS popolari necessarie per sviluppare un sito web funzionale.
Nello strumento Web Inspector, puoi trovare le seguenti schede per le risorse del sito web:
- Elementi
- Console
- Fonti
- Rete
- Timeline
- Memoria
- Grafica
- Strati
- Audit
Come Attivare Safari Web Inspector in Safari 10 e Superiori
Per impostazione predefinita, Apple Mac disabilita Web Inspector in Safari. Questo per prevenire un ingombro inutile nell'interfaccia utente del browser web. Tuttavia, se sei uno sviluppatore, un creatore di contenuti o un utente esperto di Mac, puoi attivare la funzionalità seguendo questi passi:
- Apri l'app Safari sul tuo MacBook o iMac.
- Assicurati di aver cliccato sul browser per vedere l'icona Safari nella barra degli strumenti del Mac.
- Clicca su Safari nell'angolo in alto a sinistra e seleziona Preferenze.
- In alternativa, puoi usare la scorciatoia Command + , per mostrare il menu Preferenze.
- Durante la navigazione nel menu Preferenze, assicurati di essere nella scheda Generale.
- Naviga alla scheda Avanzate.
- Appena sotto l'opzione Proxy, dovresti vedere la casella di controllo per Mostra menu Sviluppo nella barra dei menu. Spunta la casella.
- Ora, il menu Sviluppo di Safari apparirà sulla barra degli strumenti del Mac.
Questo è come puoi attivare la funzionalità Web Inspector sul tuo browser Safari per Mac. I passi sono simili per l'edizione più recente di macOS Ventura e versioni precedenti come Monterey, Big Sur, Catalina, ecc., fino a Jaguar.
Leggi anche: Html 4.01
Finora, hai imparato come ottenere la funzionalità Web Inspector nell'app Safari per Mac. Scopri qui sotto come usarla su Safari per siti web live:
Come Utilizzare Safari Web Inspector su macOS
Trova qui di seguito i passi per chiamare lo strumento Web Inspector per lo sviluppo web, la creazione di contenuti, o altri scopi. In questo articolo, mostrerò i passi utilizzando il sistema operativo macOS Monterey. Tuttavia, i passi sono abbastanza simili da macOS Jaguar a Ventura.
- Apri Safari e visita qualsiasi sito web che desideri ispezionare.
- Ci sono due modi per ispezionare i codici HTML/CSS sottostanti di un sito web o apportare modifiche usando lo strumento per sviluppatori Apple Web Inspector. Questi sono:
- Sviluppo > Mostra Web Inspector.
- Fai clic destro > Ispeziona elemento.
- Per utilizzare il primo, vai sulla barra degli strumenti del Mac per il browser Safari e clicca sul menu Sviluppo.
- Nel menu contestuale che appare, clicca su Mostra Web Inspector. La scorciatoia per questa azione è Option + Command + I.
- Questo aprirà lo strumento Web Inspector nella parte inferiore del browser web. I codici che vedi sono per l'intero URL o pagina web a cui hai accesso.
- Se desideri visualizzare il codice sottostante per un elemento specifico nella pagina web senza aprire il codice per l'intera pagina web, seleziona l'elemento che desideri ispezionare.
- Fai clic destro e seleziona Ispeziona elemento dal menu contestuale che si apre.
- Il Web Inspector di Safari si aprirà.
- Ma questa volta, Safari ti porterà direttamente al codice HTML o CSS sottostante dell'elemento che stai analizzando.
- In questo strumento, hai accesso ai codici HTML e CSS dell'elemento della pagina web che stai ispezionando.
Leggi anche: Technipages Spiega CSS
Come Aprire Safari Web Inspector in Versioni Precedenti di macOS
Supponiamo che tu sia su un Mac più vecchio di Jaguar e abbia bisogno di usare lo strumento Web Inspector. Se non trovi i passo precedenti in quel Mac, puoi eseguire un semplice comando per attivare Web Inspector. Ecco come si fa:
- Apri Applicazioni e vai alla cartella Utility.
- Dentro Utility, dovresti trovare Terminale. È il prompt dei comandi dei computer macOS.
- Ora, lancia l'interfaccia della riga di comando Terminale e digita il seguente comando semplice:
defaults write com.apple.Safari WebKitDeveloperExtras -bool true
- Premi Invio per eseguire il comando.
- Ora puoi aprire una pagina web in Safari e fare clic destro o tenere premuto il pulsante del mouse ovunque sulla pagina finché non appare il menu contestuale.
- Lì, clicca sull'opzione Ispeziona Elemento per visualizzare i codici CSS e HTML sottostanti del sito web.
Safari Web Inspector: Parole Conclusive
Quindi, questi sono i metodi per abilitare Web Inspector in Safari senza sforzo. Puoi seguire i passi autonomamente e iniziare con lo sviluppo o la creazione di contenuti in pochi minuti. Hai imparato i metodi per attivare Ispeziona Elemento su Safari sia per le nuove versioni di macOS che per quelle legacy. Se ho perso qualche metodo per ottenere e utilizzare Web Inspector, non esitare a farmelo sapere lasciando un commento qui sotto.
Prossimo, i migliori app di codifica per iPad.
Safari per iPhone e iPad: Impossibile aprire la pagina, troppi reindirizzamenti Correzione
Risolvi l
Ecco come bloccare i pop-up pubblicitari in Safari su iPhone!
Utilizzando i blocchi dei contenuti o il metodo integrato di iPhone, puoi bloccare i pop-up pubblicitari in Safari su iPhone. Scopri i passaggi più efficaci.
Come aumentare la dimensione del testo su qualsiasi sito Web su iPad
Semplifica la lettura su Safari e aumenta le dimensioni; Ecco come.
MacOS: abilita Web Inspector in Safari
Come visualizzare il codice sorgente su una pagina Web in Apple Safari utilizzando lo strumento Web Inspector.
Come visualizzare le password salvate in Chrome, Opera, Edge e Firefox
Salvare le password sul browser non è la cosa più sicura da fare. Ma alcuni potrebbero farlo comunque poiché le password che salvano sono per account spazzatura o Hai bisogno di capire quale password stai usando su quella vista? Ti mostriamo che devi visualizzare le password salvate dal tuo browser.
Come visualizzare la versione desktop di Facebook su iPhone e iPad
Come visualizzare la versione completa di Facebook dal tuo iPhone o altro dispositivo Apple iOS.
Scorciatoia per aumentare/diminuire la dimensione del carattere in qualsiasi browser
Come aumentare o diminuire rapidamente il carattere in qualsiasi browser in esecuzione in Microsoft Windows, Linux o MacOS.
Come modificare lagente utente in Safari
Istruzioni dettagliate su come modificare la stringa dell'agente utente nel browser Apple Safari per MacOS.
iPadOS: suggerimenti e trucchi che ogni utente di Safari dovrebbe conoscere
Conoscendo i suggerimenti e i trucchi che Safari ha da offrire, saprai come ottenere il massimo dal browser. Ha anche alcuni suggerimenti e trucchi nelle maniche
Licona di Safari non è presente su iPhone o iPad
Risolvi un problema in cui l'icona di Apple Safari non è presente sul tuo dispositivo iOS.
Safari: abilita/disabilita il blocco popup
Come abilitare o disabilitare il blocco popup in Apple Safari per Windows, OS X e iOS.
Apple Safari: disabilita completamente la cache
Ti mostriamo come disabilitare la memorizzazione nella cache nel browser Web Apple Safari.
Safari: Elimina cookie, cronologia, password, ecc.
Come eliminare i cookie, la cronologia o i dati della password dal browser Web Apple Safari.
Come impostare la home page in Chrome, Safari, Firefox, IE, Edge
La tua home page è la pagina che si apre quando fai clic sul pulsante Home nel tuo browser, di solito parte della barra dei menu in alto e a forma di
iPhone e iPad: imposta la pagina iniziale di Safari
Come impostare la home page per Safari sul tuo Apple iPhone o iPad.
Passaggi per Eseguire macOS su un PC Windows
Scopri come installare macOS su un PC Windows con una guida passo-passo che ti mostra esattamente come ottenere il sistema operativo Apple su un dispositivo Microsoft.
Windows 11 vs. MacOS – Cinque Differenze Chiave
Windows 11 vs. MacOS – Scopri alcune delle principali differenze tra questi sistemi operativi per aiutarti a scegliere il tuo dispositivo.
MacOS: Abilitare Web Inspector in Safari
Scopri come visualizzare il codice sorgente di una pagina web in Apple Safari utilizzando lo strumento Safari Web Inspector.
Come eseguire Microsoft Internet Explorer su Mac
Scopri come scaricare ed eseguire Microsoft Internet Explorer su Mac, e ottimizzare le prestazioni del tuo sistema per un utilizzo senza problemi.
Come risolvere Ehi Siri non risponde su Mac
Problemi nel far funzionare Hey Siri su Mac? Scopri soluzioni efficaci per risolvere il problema di Siri che non risponde.
Come risolvere lerrore Impossibile contattare il server di ripristino di macOS
Hai appena riscontrato l
Come rimuovere Adobe Creative Cloud dal Mac
Passaggi per disinstallare Adobe Creative Cloud dal Mac senza lasciare avanzi e ingombrare spazio sul disco rigido.
5 cose da provare quando il tuo Mac non si avvia
Il Mac non si accende? Non preoccuparti! Scopri 5 soluzioni efficaci per risolvere il problema "Mac non si accende" rapidamente.
MacOS Sonoma vs macOS Ventura: qual è la differenza
Se prevedi di eseguire l'aggiornamento a macOS Sonoma, ecco in cosa differisce da macOS Ventura in termini di funzionalità.
MacOS: come impostare la variabile di ambiente
Sul Mac, le variabili ambientali memorizzano informazioni, come chi è l'utente corrente, i percorsi predefiniti dei comandi e il nome del computer host. Se tu