☰

Source Viewer

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

Nasıl kurarım

Bu betiği kurabilmeniz için Tampermonkey, Greasemonkey ya da Violentmonkey gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği yüklemek için Tampermonkey gibi bir uzantı yüklemeniz gerekir.

Bu betiği kurabilmeniz için Tampermonkey ya da Violentmonkey gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği kurabilmeniz için Tampermonkey ya da Userscripts gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği indirebilmeniz için ayrıca Tampermonkey gibi bir eklenti kurmanız gerekmektedir.

Bu komut dosyasını yüklemek için bir kullanıcı komut dosyası yöneticisi uzantısı yüklemeniz gerekecek.

(Zaten bir kullanıcı komut dosyası yöneticim var, kurmama izin verin!)

Nasıl kurarım

Bu stili yüklemek için Stylus gibi bir uzantı yüklemeniz gerekir.

Bu stili yüklemek için Stylus gibi bir uzantı kurmanız gerekir.

Bu stili yükleyebilmek için Stylus gibi bir uzantı yüklemeniz gerekir.

Bu stili yüklemek için bir kullanıcı stili yöneticisi uzantısı yüklemeniz gerekir.

Bu stili yüklemek için bir kullanıcı stili yöneticisi uzantısı kurmanız gerekir.

Bu stili yükleyebilmek için bir kullanıcı stili yöneticisi uzantısı yüklemeniz gerekir.

(Zateb bir user-style yöneticim var, yükleyeyim!)

Yazar
Wack.3gp
Günlük kurulumlar
1
Toplam kurulumlar
475
Değerlendirmeler
4 0 0
Versiyon
6.9.0
Oluşturulma
27.08.2014
Güncellenme
29.04.2026
Boyut
4,29 KB
Uyumluluk
Chrome ile uyumluluk
Lisans
CC BY-NC-ND 4.0
Geçerli
Tüm siteler

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