AI says these methods are aviable -
- Built-in UI (Tampermonkey / Violentmonkey)
1.1 Menu commands (most common)
Appears when click userscript icon. Use cases -
Enable / disable features
Switch modes (simple vs advanced)
Reset stored settings
Pros-
Zero HTML/CSS
Clean, native
Very stable
Cons -
Not visible inside the page
No rich UI
1.2 Notifications - Good for feedback, not control.
jsCopy codeGM_notification({
title: "Amazon Cleaner",
text: "Title cleaned",
timeout: 2000
});
- Page-embedded UI (most powerful)
2.1 Floating panel / overlay (recommended) You inject your own HTML + CSS into the page.
Use cases-
Live toggles
Filters
Debug info
Power-user controls
Pros-
Full control
Interactive
Can store state via GM_setValue
Cons-
Must handle CSS conflicts
Needs cleanup logic
2.2 Inline UI (inject near page content) Example: add buttons . This requires DOM-aware logic per site.
- Persistent settings (UI + storage)
Tampermonkey gives you storage:
Combine with:
Menu commands
Checkboxes
Dropdowns
This gives you real app-like behavior.
- Advanced UI (SPA-like)
Inject React / Vue
Load external CSS
Build full dashboards
Trade-offs: Heavier, CSP may block external scripts, Overkill unless necessary