DOM Load Indicator

Показывает количество DOM-элементов на странице с цветовой индикацией (🟢🟡🔴)

ผู้เขียน
akket0r
จำนวนติดตั้งประจำวัน
0
จำนวนติดตั้งทั้งหมด
2
คะแนน
0 0 0
เวอร์ชัน
1.0
สร้างเมื่อ
07-07-2025
อัปเดตเมื่อ
07-07-2025
Size
1.81 กิโลไบต์
สัญญาอนุญาต
MIT
ปรับใช้กับ
ไซต์ทั้งหมด

🟢 DOM Indicator Loading

DOM Indicator is a lightweight visual tool that displays the number of DOM nodes on a web page in real time. It helps developers monitor page complexity and detect overloads that may cause performance issues.


📦 Features

  • Shows live DOM node count (document.querySelectorAll("*").length)
  • Color status indicator:
    • 🟩 Green — under 6000 elements
    • 🟨 Yellow — between 6000 and 9000
    • 🟥 Red — between 9000 and 15000
    • ⚠️ Blinking warning + icon — above 15000 elements
  • Automatically updates every second
  • Visible indicator in bottom-right corner
  • Does not run in iframes (prevents duplicates in players/widgets)

💻 How to Use

// Run in browser DevTools console or install as a userscript
initDOMIndicator();
长期地址
遇到问题?请前往 GitHub 提 Issues。