☰

Visualizador de Código-Fonte

Visualize o código-fonte HTML de qualquer página da web online. (use o menu de comandos do Tampermonkey)

Como instalar

Terá de instalar uma extensão como Tampermonkey, Greasemonkey ou Violentmonkey para instalar este script.

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

Terá de instalar uma extensão como Tampermonkey ou Violentmonkey para instalar este script.

Terá de instalar uma extensão como Tampermonkey ou Userscripts para instalar este script.

Terá de instalar uma extensão como Tampermonkey para instalar este script.

Terá de instalar uma extensão de gestão de scripts de utilizador para instalar este script.

(Já tenho um gestor de scripts de utilizador, deixe-me instalá-lo!)

Como instalar

Terá de instalar uma extensão como Stylus para instalar este estilo.

Terá de instalar uma extensão como Stylus para instalar este estilo.

Terá de instalar uma extensão como Stylus para instalar este estilo.

Terá de instalar uma extensão de gestão de estilos de utilizador para instalar este estilo.

Terá de instalar uma extensão de gestão de estilos de utilizador para instalar este estilo.

Terá de instalar uma extensão de gestão de estilos de utilizador para instalar este estilo.

(Já tenho um gestor de estilos de utilizador, deixe-me instalá-lo!)

Autor
Wack.3gp
Instalações diárias
2
Total de instalações
535
Classificações
4 0 0
Versão
6.9.1
Criado
27/08/2014
Atualizado
12/05/2026
Tamanho
4 KB
Compatibilidade
Compatível com Chrome
Licença
CC BY-NC-ND 4.0
Aplica-se a
Todos os sites

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