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

Di: Matteo D.
Tramite: O2O 10/03/2021
Difficoltà: facile
17

Introduzione

Firefox è il browser gratuito fornito dalla Mozilla Foundation. Grazie alle numerose estensioni dedicate allo sviluppo, il sito in oggetto è ormai considerato uno strumento essenziale per eseguire i cosiddetti test sul codice. Recentemente infatti, una nuova funzionalità di analisi dell'HTML in 3D è stata introdotta con l'ultima versione di questo potente browser che tra l'altro è del tutto gratuito. In riferimento a quanto sin qui premesso, ecco una guida con alcuni consigli utili su come analizzare il codice HTML di un sito web con il tool 3D di Firefox.

27

Occorrente

  • Dispositivi multimediali
37

Digitare l'Url da analizzare

Per portare a buon fine l'analisi del codice HTML di un sito Web con il tool 3D di Firefox, innanzitutto è necessario installare sul pc il browser. Una volta completata questa operazione, si può poi procedere con la suddetta esecuzione analitica. Fatto ciò, si apre Firefox e si inserisce nella barra dell'indirizzo di navigazione l'URL della pagina della quale si intende analizzare il codice sorgente. Quando è completamente caricata, si può pigiare contemporaneamente la combinazione di tasti CTRL, MAIUSC e la lettera "i" per visualizzare il tool di analisi pagina. Lo stesso strumento tuttavia è raggiungibile anche dal menù principale di Firefox, cliccando sul simbolo stesso (in alto a sinistra) e quindi su "Sviluppo Web" e poi su "Analisi".

47

Visualizzare l'immagine in 3D

Lo strumento che permette l'analisi della pagina viene visualizzato come una barra scura nella parte bassa della finestra di Firefox. Tuttavia quella che appare viene oscurata, e solo l'elemento scelto risulta in bella evidenza grazie ad una cornice segmentata. Detto ciò, va altresì aggiunto che per analizzare la pagina, basta spostare il cursore del mouse su tale elemento. Per visualizzare eventualmente l'analisi in tre dimensioni, si deve invece cliccare sul tasto 3D che è posizionato in basso a destra sulla barra dello strumento analitico. Grazie a quest'ultima operazione l'immagine web appare in tre dimensioni, ovvero tutti gli elementi in essa contenuti risultano a rilievo e quindi più comprensibili sia in termini di valutazione che di visualizzazione stessa. Per ruotare l'immagine è invece necessario cliccarla e trascinarla con il tasto sinistro del mouse in una qualunque area della pagina web di Firefox.

Continua la lettura
57

Sfruttare lo zoom pagina

Una volta ottenuta la visualizzazione della pagina con il codice HTML di un sito web con il tool 3D di Firefox, è importante sottolineare che c'è anche la possibilità di aumentare o ridurre lo zoom utilizzando semplicemente la rotellina del mouse. Se invece la necessità è quella di spostare il centro dell'immagine si possono sfruttare i tasti freccia della tastiera, ovvero quelli che si trovano a sinistra della sezione numerica. A margine si evince che con questi semplici accorgimenti, è possibile analizzare tutti gli aspetti più nascosti del codice HTML di un sito web, avendo semplicemente utilizzato il funzionale e versatile tool 3D di Firefox e senza rivolgersi ad un esperto informatico. Per ulteriori approfondimenti su quanto sin qui descritto in merito all'uso del suddetto strumento analitico di un codice HTML di una pagina web, il consiglio è di leggere quanto riportato nei link aggiuntivi della presente guida oppure visualizzando il tutorial video.

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

Naviga con la tastiera

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 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 è dunque estremamente utile e consigliato. Ad esempio, conoscere...
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 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à...