☰

Visualizzatore del Codice Sorgente

Visualizza il codice sorgente HTML di qualsiasi pagina web online. (usa il menu dei comandi di Tampermonkey)

Come installare

Dovrai installare un'estensione come Tampermonkey, Greasemonkey o Violentmonkey per installare questo script.

You will need to install an extension such as Tampermonkey to install this script.

Dovrai installare un'estensione come Tampermonkey o Violentmonkey per installare questo script.

Dovrai installare un'estensione come Tampermonkey o Userscripts per installare questo script.

Dovrai installare un'estensione come ad esempio Tampermonkey per installare questo script.

Dovrai installare un gestore di script utente per installare questo script.

(Ho già un gestore di script utente, lasciamelo installare!)

Come installare

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

(Ho già un gestore di stile utente, lasciamelo installare!)

Autore
Wack.3gp
Installazioni giornaliere
0
Installazioni totali
474
Valutazione
4 0 0
Versione
6.9.0
Creato il
27/08/2014
Aggiornato il
29/04/2026
Dimensione
4,29 KB
Compatibilità
Compatibile con Chrome
Licenza
CC BY-NC-ND 4.0
Applica a
Tutti i siti

🔍 Inspect the "Live" DOM of any Webpage


Unlike the standard "View Source" (Ctrl+U) which only shows the raw HTML sent by the server,
Source Viewer allows you to view the processed HTML.
This includes all changes made by JavaScript, frameworks (React, Vue, etc.), and extensions after the page has loaded.

✨ Key Features

  • Live DOM Snapshot: Captures the current state of the page (including generated elements).
  • Dark Mode Editor: Displays code in a beautiful, high-contrast dark theme for better readability.
  • Clean Formatting: Automatically escapes HTML entities and preserves indentation.
  • Non-Intrusive: No buttons or overlays on the website. Access it only when you need it via the Tampermonkey menu.
  • Full Doctype Support: Captures the <!DOCTYPE> and all <html> attributes.

🚀 How to use

  1. Click on the Tampermonkey icon in your browser extension bar.
  2. Find Source Viewer in the menu.
  3. Click on "🔍 View Source: [Domain]".
  4. A new window opens instantly with the source code.

🛡️ Privacy & Security

  • No External Dependencies: No third-party libraries loaded.
  • No Tracking: This script does not collect any data.
  • Open Source: Transparent and lightweight code.

🎁 Support the Project


I develop this script as a hobby in my free time. If you find it useful for your workflow,
please consider leaving a 5-star review or supporting me with a small donation
via the link in the script menu. Every bit helps! =)

Tested and compatible with Chrome using Tampermonkey.