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

Non dimenticare mai:
  • Firefox dispone di numerose estensioni per lo sviluppo e l'analisi dei siti: esplora e divertiti.
Alcuni link che potrebbero esserti utili:

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 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 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....
Internet

Come creare un sito Web Responsive

Creare un sito Web Responsive non è un'operazione complicata, anzi, è alla portata di tutti, anche se occorre qualche semplice accorgimento tecnico. In questa breve guida, vi spiegherò come creare un sito Web Responsive nella maniera corretta. Occorre...
Internet

Come zoomare le pagine web con Google Chrome, Opera Browser e Mozilla Firefox

Per quanto piacevole possa risultare navigare sul web, o necessario lavorare al pc, il rischio a cui siamo maggiormente esposti è quello di stancare la vista; prendere le dovute precauzioni è utile quanto conoscere il semplice metodo di ingrandire testi,...
Internet

Come presentare un sito web al cliente

Oltre 7 aziende su 10 posseggono un sito web con la storia, i servizi e i contatti della propria produzione attiva. Introdurre il proprio lavoro, ai giorni nostri, è fondamentale per il rapporto tra fornitore e potenziale cliente, per ottenere visibilità...