☰

Source Viewer

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

如何安裝

您需要先安裝使用者腳本管理器擴展，如 Tampermonkey、Greasemonkey 或 Violentmonkey 之後才能安裝該腳本。

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

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Violentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Userscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展，比如 Tampermonkey，才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

（我已經安裝了使用者腳本管理器，讓我安裝！）

如何安裝

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

（我已經安裝了使用者樣式管理器，讓我安裝！）

作者
Wack.3gp
今日安裝
0
安裝總數
473
評價
4 0 0
版本
6.8.7
建立日期
2014-08-27
更新日期
2026-04-19
尺寸
2.9 KB
相容性
相容於 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.