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

tramite: O2O
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 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 analizzare le statistiche del proprio sito

Analizzare le statistiche del proprio sito è un accorgimento molto importante per sapere quante e quali sono le caratteristiche delle persone che realmente guardano o si interessano ai contenuti proposti. Non sempre però può essere conveniente avere...
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 modificare il layout delle pagine web in Mozilla Firefox

Fondato nel novembre del 2004 dalla Mozilla Foundation, Mozilla Firefox è oggi uno dei browser più sfruttato al mondo. Il suo enorme successo è sicuramente dovuto alle sue caratteristiche che lo rendono più sicuro e più veloce rispetto ad altri disponibili....
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 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...
I presenti contributi sono stati redatti dagli autori ivi menzionati a solo scopo informativo tramite l’utilizzo della piattaforma www.o2o.it e possono essere modificati dagli stessi in qualsiasi momento. Il sito web, www.o2o.it e Arnoldo Mondadori Editore S.p.A. (già Banzai Media S.r.l. fusa per incorporazione in Arnoldo Mondadori Editore S.p.A.), non garantiscono la veridicità, correttezza e completezza di tali contributi e, pertanto, non si assumono alcuna responsabilità in merito all’utilizzo delle informazioni ivi riportate. Per maggiori informazioni leggi il “Disclaimer »”.