Come analizzare il codice HTML di un sito Web con il tool 3D di Firefox

Tramite: O2O 30/01/2015
Difficoltà: facile
17

Introduzione

Firefox è il browser gratuito fornito dalla Mozilla Foundation. Grazie alle numerose estensioni dedicate allo sviluppo Firefox, è ormai considerato uno strumento essenziale per eseguire i test sul codice. Recentemente una nuova funzionalità di analisi del codice HTML in 3D è stata introdotta con l'ultima versione di questo potente Browser gratuito. Vediamo allora con questa guida, come analizzare il codice HTML di un sito web con il tool 3D di Firefox.

27

Occorrente

  • Firefox installato
37

Abbiamo bisogno di installare sul nostro pc, il browser Firefox. Una volta completata questa operazione, possiamo procedere con l'esecuzione di nostro interesse. Apriamo Firefox ed inseriamo nella barra dell'indirizzo di navigazione l'URL della pagina della quale vogliamo analizzare il codice sorgente. Quando la pagina è completamente caricata, possiamo pigiare contemporaneamente la combinazione di tasti CTRL, MAIUSC e la lettera "i", per visualizzare il tool di analisi pagina. Lo stesso strumento è raggiungibile anche dal menù principale di Firefox, cliccando su Firefox (in alto a sinistra) quindi su Sviluppo Web e poi su Analisi pagina.

47

Lo strumento che permette l'analisi della pagina viene visualizzato come una barra scura nella parte bassa della finestra di Firefox. La pagina web viene oscurata e solo l'elemento selezionato viene messo in evidenza da una cornice segmentata. Per selezionare un elemento da analizzare della pagina, basta che spostiamo il cursore del mouse su tale elemento. Per visualizzare l'analisi in tre dimensioni della pagina, si deve invece cliccare sul tasto 3D che troviamo in basso a destra, sulla barra dello strumento di analisi.

Continua la lettura
57

La pagina web viene ora visualizzata in tre dimensioni. In questo modo, gli elementi che sono annidati maggiormente, appaiono in maggior rilievo e risultano di più comprensibile valutazione e visualizzazione. Per ruotare la visuale, bisogna cliccare e trascinare con il tasto sinistro del mouse in una qualunque area della pagina web. Per aumentare o ridurre lo zoom invece, si può utilizzare la rotellina del mouse. Se la necessità è invece quella di spostare il centro dell'immagine, si devono utilizzare i tasti freccia della tastiera, quelli che troviamo a sinistra del tastierino numerico. Con questi semplici accorgimenti, sarai in grado di analizzare tutti gli aspetti più nascosti del codice html di un sito web, avendo semplicemente utilizzato il tool 3D di Firefox. Buona navigazione e buon lavoro!

67

Guarda il video

77

Consigli

Potrebbe interessarti anche

Segnala contenuti non appropriati

Tipo di contenuto
Devi scegliere almeno una delle opzioni
Descrivi il problema
Devi inserire una descrizione del problema
Si è verificato un errore nel sistema. Riprova più tardi.
Segnala il video che ritieni inappropriato
Devi selezionare il video che desideri segnalare
Verifica la tua identità
Devi verificare la tua identità
chiudi
Grazie per averci aiutato a migliorare la qualità dei nostri contenuti

Guide simili

Internet

Come analizzare le visite al proprio sito con Google Analytics

Come molti già sanno, Google Analytics è uno dei servizi gratuiti migliori che si possano trovare per analizzare le statistiche relative al vostro sito web o blog. Questo servizio di statistiche è davvero tra i più completi della categoria e permette,...
Internet

Come scoprire con che software è stato realizzato un sito web

Fino a poco tempo fa per gli aspiranti webdesigners o per i comuni utenti di internet, particolarmente curiosi, non era molto complicato scoprire con quale programma era stato realizzato un qualsiasi sito internet. Precisamente, fino all'era del web 2.0,...
Internet

Come fare un sito web con Dreamweaver

Realizzare un sito internet richiede innanzitutto la conoscenza più o meno approfondita del linguaggio HTML, poi in seconda analisi un programma dove scrivere tale linguaggio per poter rendere effettivo il sito. Una volta l'editor di testo blocco note,...
Internet

Come creare un sito web su Wordpress

Un sito web con una grafica accattivante e dei contenuti scritti bene è sicuramente un ottimo biglietto da visita. Che sia un semplice blog personale, oppure un sito web aziendale, l'importante è che la struttura del sito sia fatta in un certo modo....
Internet

Come creare e pubblicare un sito web

Generalmente quando si decide di creare e di pubblicare un sito web, ci si trova a dover fare due scelte iniziali: progettare un sito statico, con pagine XHTML oppure dinamico. Nel primo caso si dovrà realizzare un vero e proprio progetto grafico, stabilendo...
Internet

Come risalire all'hosting di un sito web

Al giorno d'oggi, è molto facile e conveniente di possedere un sito web. Piattaforme CMS come WordPress e Joomla sono gratuiti e facili da usare. In generale, ci sono quattro diversi tipi di web hosting: Shared, Virtual Private Server (VPS) e Cloud Hosting....
Internet

Come monitorare le visite del proprio sito web

Ormai ogni piccola grande azienda o attività commerciale non può prescindere dall'avere il suo personale sito web. Un riferimento in rete è infatti necessario oggigiorno. La miglior pubblicità si fa sul web, così come sul web avviene il miglior passaparola....
Internet

Come verificare l'affidabilità di un sito web

Navigare su Internet può essere molto rischioso a volte. Ci sono alcuni siti che, una volta aperti, ci reindirizzano verso destinazioni non proprio adeguate. Si aprono pop-up e finestre che contengono pagine potenzialmente dannose per il nostro computer....