HTML Viewer: HTML Inspector

Code Play

Contiene annunciAcquisti in-app

Informazioni sull'app

HTML Viewer aiuta sviluppatori web, studenti e proprietari di siti web a esplorare il markup di un sito e a provare le modifiche sul proprio dispositivo. Inserisci un URL per visualizzare il codice sorgente, modificare l'HTML, ispezionare le risorse della pagina o esaminare i problemi strutturali più comuni. Scegli lo strumento più adatto alle tue esigenze senza dover avviare un ambiente di sviluppo completo.

LEGGI, MODIFICA E ANTEPRIMA
Apri una pagina nell'editor HTML e confronta il tuo codice con il risultato visualizzato. Attiva l'anteprima a schermo diviso per vedere le modifiche mentre lavori. L'evidenziazione della sintassi, i suggerimenti per i tag, la funzione trova e sostituisci, i controlli "vai alla riga", annulla e ripristina ti aiutano a navigare in documenti più lunghi. Formatta il markup per una lettura più agevole o utilizza l'azione "minimizza" per comprimerlo.

Inizia una sperimentazione con un template HTML di base, una landing page, un modulo accessibile o un modello di scheda riutilizzabile. L'editor segnala anche problemi comuni come tag non corrispondenti, ID duplicati e attributi alt delle immagini mancanti. Apri un file .html locale, salva il documento modificato o condividi il codice tramite le azioni disponibili sul dispositivo. Le modifiche influiscono sulla copia di lavoro, non sul sito web originale.

ANALISI DELLA STRUTTURA DELLA PAGINA
Esegui un report del sito per verificare titoli, meta descrizioni, URL canonici, lingua del documento, metadati del viewport e metadati di condivisione sui social. Esplora i livelli di intestazione e il numero di link, immagini, script, stili e moduli. I risultati evidenziano etichette mancanti, link senza nome, ID duplicati e riferimenti a risorse non sicure. Copia o condividi il report quando discuti una pagina con qualcun altro.

VERIFICA LINK E RISORSE
Analizza i link, le immagini, gli script esterni e i fogli di stile della pagina caricata. Visualizza le risposte funzionanti, reindirizzate e non riuscite, distingui gli indirizzi interni da quelli esterni e filtra i risultati per concentrarti sulle risorse non funzionanti o non sicure. Cerca tra i risultati, copia singoli URL o copia un report di testo per ulteriori approfondimenti. Gli errori di richiesta possono anche riflettere restrizioni del server o problemi di connettività.

PROVA DIVERSI VIEWPORT
Utilizza le preimpostazioni di anteprima responsive per dispositivi mobili (telefono, tablet e desktop) oppure inserisci dimensioni personalizzate. Ruota il viewport, regola lo zoom e scegli una combinazione di colori chiara, scura o di sistema. Aggiorna con un agente utente diverso quando un sito Web fornisce contenuti renderizzati lato server differenti. Condividi l'anteprima corrente come screenshot. Una viewport simulata aiuta a confrontare i layout; non riproduce ogni dispositivo fisico.

ANALISI DEL COMPORTAMENTO DELL'ANTEPRIMA
Il visualizzatore della console raccoglie messaggi, avvisi ed errori dall'anteprima di pagina strumentata dell'app. L'analizzatore di rete mostra l'attività di fetch, XMLHttpRequest e risorse acquisita, con dettagli sullo stato e sulla tempistica. Cancella le voci, ricarica l'anteprima e utilizza i filtri per analizzare un problema specifico. Questi strumenti analizzano l'anteprima, anziché il traffico proveniente da altre app.

CONSERVA RIFERIMENTI UTILI
Sfoglia le immagini delle pagine estratte, cerca per nome file o formato e visualizza l'anteprima di un'immagine prima di salvarla. Condividi uno screenshot della viewport di esportazione visibile o crea un PDF della pagina caricata. L'acquisizione di PDF è limitata a 16.000 pixel di altezza pagina. Salva gli URL preferiti, utilizza i suggerimenti di indirizzo e cerca nella cronologia delle ispezioni recenti per tornare ai siti utili.

Il caricamento dei siti Web, i controlli delle risorse e i contenuti remoti richiedono una connessione a Internet. Pagine protette, immagini bloccate e regole di sicurezza del browser possono limitare i risultati o le esportazioni. Utilizza il toolkit per studiare i contenuti web accessibili e mettere alla prova le tue idee, con temi chiari, scuri e di sistema disponibili per una lettura confortevole.