☰

Source Viewer

View the HTML source code of any online web page. (use the Tampermonkey Command Menu)

Як усталяваць

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

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

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

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

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

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

Як усталяваць

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

Аўтар
Wack.3gp
Усталяванняў за дзень
0
Усяго ўсталяванняў
474
Рэйтынг
4 0 0
Версія
6.9.0
Створаны
27.08.2014
Абноўлены
29.04.2026
Памер
4.3 КБ
Сумяшчальнасць
Сумяшчальны з Chrome
Ліцэнзія
CC BY-NC-ND 4.0
Ужываецца на
Усе сайты

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