Come fare Ispeziona da telefono
Vuoi visualizzare il codice sorgente di una pagina Internet e sai bene come farlo da PC, tuttavia, mi pare di capire che in questo momento disponi solamente del tuo telefono/tablet e non hai la più pallida idea di come agire. Ho indovinato? Sì? Beh, se le cose stanno effettivamente così, lascia allora che ti illustri come fare Ispeziona da telefono.
Nel corso di questa mia guida ti farò vedere come agire sia nel caso tu abbia uno smartphone/tablet con sistema operativo Android, sia nel caso che tu abbia un iPhone o un iPad. Ti posso garantire che le procedure da seguire sono veramente semplici, ad ogni modo, per effettuare delle modifiche live al codice sorgente di una pagina Web, sarà sempre necessaria un'applicazione di terze parti.
Dopo tutte queste doverose premesse, direi che possiamo finalmente passare al lato pratico di questo mio articolo. Prenditi tutto il tempo che ti serve e continua a leggere cosa ho da suggerirti qui di seguito. A me non resta altro che augurarti una buona continuazione e buona “ispezione” delle pagine Web.
Indice
Come fare Ispeziona da telefono Android
Possiedi uno smartphone (o un tablet) Android e ti stai chiedendo come fare Ispeziona da telefono Android? Benissimo, qui di seguito ti illustro un'ottima soluzione di cui ti puoi avvalere: l'app DevSurf - Web Inspector (disponibile anche su store alternativi) che permette di navigare sul Web e di utilizzare la comoda funzione per visualizzare il codice sorgente delle pagine Internet. L'app è gratis.
Dunque, una volta scaricata e installata, aprila, digita l'indirizzo URL del sito di tuo interesse nel campo di ricerca in alto oppure effettua una “normale” ricerca sul Web, così da recarti nella pagina che vuoi ispezionare.
Ora, premi sul simbolo dell'icona circolare blu contenente una scheda stilizzata che trovi in alto a sinistra e dovresti subito vedere una schermata nella parte bassa del tuo telefono con il codice della pagina Web in questione nella scheda Elements.
Comunque sia, puoi anche ispezionare un singolo elemento e per riuscirci, premi sul simbolo della freccia con due cerchi che trovi sulla destra (sempre nella scheda Elements) e poi fai un tap sull'elemento che vuoi ispezionare: così facendo, vedrai il codice di quest'ultimo nella parte bassa dello schermo.
Fatto ciò, è possibile anche modificare direttamente il codice originale e per farlo premi sul simbolo della matita in alto a destra, poi applica le modifiche alla pagina e premi su Applica in basso a destra.
Ti segnalo poi la funzione Js Injector (che puoi trovare premendo sul simbolo in alto a sinistra e poi nella schermata che appare in basso) che ti consente di aggiungere del codice in JavaScript per modificare alcuni elementi della stessa.
Infine, ti faccio presente che è possibile ingrandire la schermata in basso che riporta i codici, così da poterla visualizzare meglio: per riuscirci, non devi fare altro che tenere premuto sul margine alto della schermata e trascinarla in alto (o in basso se vuoi rimpicciolirla) e poi rilasciare il dito. Puoi altresì cambiarne la trasparenza e per farlo premi sul simbolo dei punti neri sulla destra e poi sposta la barra a destra per renderla più visibile oppure a sinistra per renderla più trasparente.
Come fare Ispeziona da telefono iPhone
Possiedi un iPhone (o un iPad) e ti stai chiedendo come fare Ispeziona da telefono iPhone? Benissimo, allora continua a leggere qui di seguito perché ti parlerò proprio di questo.
Anzitutto, devi sapere che per avvalerti della funzione Ispeziona da telefono iPhone, ti devi servire di un'applicazione di terze parti e questo perché non si può fare Ispeziona attraverso le funzioni “di serie” dell'iPhone. Ne esistono diverse disponibili sull'App Store, ma quella di cui ti voglio parlare si chiama Web Inspector ed è completamente gratuita e ora ti spiego come funziona.
Una volta che l'hai scaricata e installata, non devi fare altro che aprirla e premere su Setup Instructions. Ora dovresti vedere a schermo un elenco di istruzioni che ti dicono di andare nelle Impostazioni del tuo iPhone e di abilitare l'apposita estensione per Safari. Vai, dunque, nelle Impostazioni, scorri in basso il menu laterale fino a quando non trovi la voce App, selezionala e poi premi Safari. A questo punto, pigia su Estensioni, poi su Web Inspector e accendi il bottone in corrispondenza della voce Consenti Estensione (ed eventualmente anche Consenti in navigazione privata).
Fatto ciò, apri ora una pagina Web con Safari, premi il simbolo del rettangolo con due linee sottostanti che trovi sul lato sinistro del campo di ricerca e poi premi su Web Inspector. Il sistema ti chiede ora per quanto tempo vuoi abilitare l'estensione, scegli, dunque, Consenti per un giorno o Consenti sempre (lato privacy tieni conto che, per funzionare, l'estensione deve avere accesso ai dati di navigazione legati al sito da ispezionare).
A questo punto, pigia sul simbolo del pezzo di puzzle e poi nuovamente su Web Inspector. Dovresti ora visualizzare una maschera sullo schermo con il codice sorgente della pagina Web sulla quale ti trovi in questo momento. Pigiando sul simbolo della matita che trovi in alto puoi già cominciare a effettuare tutte le modifiche a piacimento. Una volta fatta la modifica, fai poi tap su Update in alto a destra per salvare le modifiche.
Naturalmente visualizzare l'intero codice sorgente di una pagina Web potrebbe essere un po' dispersivo e proprio per questo motivo, infatti, ti puoi avvalere del simbolo con la freccia all'interno del rettangolo che ti permette di selezionare un elemento specifico e di vederne e modificarne il codice sorgente a piacimento. Per sfruttare questa funzionalità, fai tap sul simbolo di cui ti ho appena parlato e poi pigia sull'elemento di cui vorresti visualizzare o modificare il codice sorgente.
Ti ricordo infine che puoi eliminare in ogni momento l'estensione di Web Inspector per Safari, andando nelle Impostazioni, poi alla voce App, poi a quella Safari, poi su Estensioni, su Web Inspector e spegnendo il pulsante in corrispondenza della voce Consenti Estensione. Potresti poi anche direttamente disinstallare l'applicazione di Web Inspector. Se ti può tornare utile, ti lascio qui di seguito la mia guida su come disinstallare app iPhone.
Altre soluzioni utili
Le soluzioni di cui ti ho parlato non ti hanno pienamente soddisfatto? Beh, allora devi sapere che non esistono moltissime soluzioni disponibili. Ti potrebbe però interessare l'app Inspect and Edit HTML Live (per Android): si tratta di un'altra buona applicazione per Android che consente di ispezionare intere pagine o singoli elementi e di apportare anche delle modifiche cambiando il codice originale. Contiene alcuni annunci pubblicitari che possono essere rimossi con la versione a pagamento.
Un'altra interessante app è Makeover - Custom CSS per iOS/iPadOS. Questa app non permette di ispezionare gli elementi delle pagine Web, tuttavia, consente di modificare l'aspetto e il comportamento delle pagine iniettando del codice CSS o JavaScript personalizzato.
Autore
Salvatore Aranzulla
Salvatore Aranzulla è il blogger e divulgatore informatico più letto in Italia. Noto per aver scoperto delle vulnerabilità nei siti di Google e Microsoft. Collabora con riviste di informatica e ha curato la rubrica tecnologica del quotidiano Il Messaggero. È il fondatore di Aranzulla.it, uno dei trenta siti più visitati d'Italia, nel quale risponde con semplicità a migliaia di dubbi di tipo informatico. Ha pubblicato per Mondadori e Mondadori Informatica.
