Opzioni sviluppatore: cosa sono e come attivarle su Android, iPhone e browser

Perché sono spente di default

Ogni sistema operativo e ogni browser nascondono, dietro un piccolo rituale di attivazione, un pannello di regolazioni pensate per chi sviluppa software, non per chi lo usa tutti i giorni. Non è un capriccio: sono funzioni che permettono cose come installare un’app non ancora pubblicata, guardare il traffico di rete di una pagina o rallentare artificialmente la CPU per simulare un telefono più lento. Tenerle spente per la maggior parte delle persone evita che finiscano per sbaglio in mano a chi non sa cosa significano: coerente con questa logica, come si vedrà, Apple in particolare le fa precedere da un passaggio di conferma esplicito.

Android: sette tocchi per “diventare sviluppatori”

Su Android le opzioni sviluppatore restano nascoste finché non si va a cercarle, e il percorso per trovarle cambia da un produttore all’altro. Su un Google Pixel si trovano in Impostazioni, alla voce Informazioni sul telefono; su un Samsung Galaxy S8 o successivo bisogna entrare in Informazioni sul software; su LG G6 e successivi la dicitura è Info software; su HTC U11 e successivi la voce Numero build si trova sotto Informazioni, in Informazioni sul software, alla voce Altro; su OnePlus 5T e successivi resta invece in Informazioni sul telefono. Quel che non cambia mai è il gesto: toccare sette volte di seguito la voce Numero build.

Esempio pratico: al primo tocco non succede nulla di visibile, ma dal secondo in poi il telefono comincia a contare alla rovescia, mostrando quanti tocchi mancano ancora. Al settimo compare il messaggio “Sei diventato uno sviluppatore!” e la nuova voce Developer options si aggiunge in fondo alle impostazioni generali, di solito dentro la sezione Sistema.

Dentro quel pannello vive anche il debug USB, la funzione che permette a un computer collegato via cavo di comunicare col telefono per installare app di test. Anche qui il percorso preciso dipende dalla versione di Android: da Android 9 in poi si trova in Impostazioni > Sistema > Avanzate > Opzioni sviluppatore > Debug USB, su Android 8.0 e 8.1 basta Impostazioni > Sistema > Opzioni sviluppatore > Debug USB, mentre su Android 7.1 e versioni precedenti la voce sta direttamente sotto Opzioni sviluppatore. Il debug via Wi-Fi (wireless debugging) segue una logica simile ma è arrivato più tardi: da Android 16 si trova in Impostazioni > Sistema > Opzioni sviluppatore > Debug wireless.

iPhone e iPad: la Developer Mode con doppia conferma

Su iOS e iPadOS l’equivalente si chiama Developer Mode, e non esisteva prima del 2022: è arrivata con iOS 16, insieme a watchOS 9, quindi non è disponibile su versioni di sistema precedenti. Si trova in Impostazioni > Privacy e sicurezza, dove la voce Developer Mode compare in fondo alla pagina.

Attivare l’interruttore però non basta da solo. Il telefono chiede prima di riavviarsi, e solo dopo il riavvio, quando si sblocca di nuovo il dispositivo, compare un secondo avviso che chiede di confermare esplicitamente la scelta. Apple descrive questo doppio passaggio come una misura pensata per proteggere chi usa il telefono da installazioni indesiderate di software potenzialmente dannoso, e per ridurre i modi in cui funzioni riservate agli sviluppatori potrebbero essere sfruttate. Senza Developer Mode attiva, un’app installata in locale, per esempio da Xcode o da Apple Configurator, si installa comunque ma si rifiuta di partire: è proprio questo il caso d’uso a cui la funzione è indirizzata, insieme all’installazione di build di test tramite side-load.

Safari: il menu Sviluppo e il Web Inspector

Su Mac, Safari nasconde di default il menu Sviluppo dalla barra dei menu. Per farlo comparire si apre il pannello Impostazioni del browser (nelle versioni più vecchie si chiamava Preferenze), si passa alla scheda Avanzate e si spunta l’opzione che mostra le funzioni per sviluppatori web. Una volta attivo, il menu Sviluppo dà accesso al Web Inspector, lo strumento che permette di controllare come una pagina si comporta sui browser conformi agli standard del web; lo stesso pannello si apre anche con un clic destro sulla pagina e la voce Ispeziona elemento.

Su iPhone e iPad il ruolo equivalente lo gioca il Web Inspector: si attiva in Impostazioni, alla voce Safari, scorrendo fino alla sezione Avanzate e accendendo l’interruttore Web Inspector. Da solo serve a poco: la sua vera utilità emerge quando si collega il telefono a un Mac con un cavo USB, perché a quel punto il nome del dispositivo compare nel menu Sviluppo di Safari sul computer, da cui si può ispezionare a distanza il contenuto della pagina mostrata sullo schermo del telefono.

Chrome DevTools: quattro modi per aprirlo

Chrome mette a disposizione più strade per raggiungere gli stessi strumenti. La più diretta è una scorciatoia da tastiera, che però cambia tra sistemi: su Windows, Linux e ChromeOS, F12 oppure Ctrl+Shift+I aprono l’ultimo pannello usato, Ctrl+Shift+C apre direttamente il pannello Elements e Ctrl+Shift+J salta dritto alla Console; su Mac le stesse azioni passano da Fn+F12 o Cmd+Option+I, Cmd+Option+C e Cmd+Option+J. Chi preferisce il mouse può cliccare sull’icona dei tre puntini accanto alla barra degli indirizzi, scegliere Altri strumenti e poi Strumenti per sviluppatori, oppure fare clic destro su un qualsiasi elemento della pagina e selezionare Ispeziona, che apre subito il pannello Elements con quell’elemento già evidenziato.

Un dettaglio meno noto è che DevTools può anche aprirsi da solo: lanciando Chrome da riga di comando con il flag --auto-open-devtools-for-tabs (per esempio google-chrome --auto-open-devtools-for-tabs su Linux), il pannello compare automaticamente su ogni nuova scheda, una comodità per chi passa la giornata a testare pagine diverse.

Firefox DevTools: una cassetta degli attrezzi

Firefox raggruppa i suoi strumenti sotto il nome DevTools, raggiungibili dal menu principale alla voce Strumenti, sottomenu Web Developer, oppure con le scorciatoie Ctrl+Shift+I o F12 su Windows e Linux, Cmd+Opt+I su Mac (per la sola Console, la combinazione Ctrl+Shift+K, o Cmd+Opt+K su Mac, basta e avanza).

Dentro, la documentazione ufficiale elenca un gruppo di Core Tools: il Page Inspector per leggere e modificare contenuto e layout della pagina, la Web Console per vedere i messaggi e interagire via JavaScript, il JavaScript Debugger per interrompere ed esaminare il codice in esecuzione, il Network Monitor per osservare le richieste di rete durante il caricamento, il Performance Panel per analizzare reattività e prestazioni, il Responsive Design Mode per simulare diversi dispositivi e dimensioni di schermo, l’Accessibility Inspector per l’albero di accessibilità della pagina e l’Application Panel per ispezionare service worker e applicazioni web moderne. A questi si aggiungono strumenti più specialistici come Memory, Storage Inspector, DOM Property Viewer, Eyedropper e Style Editor.

Fermarsi davanti al Debugger di Firefox o al pannello Sources di Chrome, e guardare l’esecuzione di un algoritmo passo dopo passo, riga per riga, è probabilmente il modo più diretto per capire cosa fa davvero un programma mentre gira. Lo stesso vale per le pagine web che sfruttano il machine learning direttamente nel browser: anche quelle passano dagli stessi strumenti di debug per essere messe alla prova prima di andare online.

Uno sguardo d’insieme

Questi pannelli, in fondo, non sono un’esclusiva dei telefoni e dei browser: anche apparecchi molto diversi tra loro, come i robot aspirapolvere più recenti, nascondono modalità di debug pensate per chi li progetta, non per chi li usa in salotto. La logica è sempre la stessa: tenere separato ciò che serve a costruire un prodotto da ciò che serve a usarlo.