TOFfe Dev Tools 🧡

Browser-extensie van The Orange Force. Inspecteert gedeployde Mendix-apps — in de draaiende app, met exact de rechten van de ingelogde gebruiker. Voor consultants, developers, UX/UI-designers.

Aan de slag: Installatie · Kapot of idee? Feedback en bugs

Wat kan de tool?

Tab	Kern
Overzicht	App-gezondheid: Web Vitals, verkeer, a11y- en toegangsstatus, exports
Data	Entiteiten/records via de Mendix client-API; bewerkmodus optioneel, met bevestiging
Model	Domeinmodel-explorer: associaties beide kanten, buurdiagram, verwijder-impact
Security	Rechten testen per entiteit/attribuut; toegangsmatrix-export per rol
Verkeer	Live /xas/-verkeer: timing, payloads, N+1-detectie, replay
Microflows	Ontdekken + test-draaien met getypte invoer
Design	Element-inspector met WCAG/APCA-contrast, pagina-brede contrastscan, a11y-audit met klantrapport, design-tokens-analyse, CSS-cascade met bestand:regel, inline-styling-opsporing 🚔, HTML-viewer, freeze-tool 🧊, kleurenblindheid-simulatie, tab-volgorde

Paneel dockt onderin of rechts. ⧉ in de header = eigen venster (app op één scherm, tools op ander).

Goed om te weten

• Tool ziet en kan alleen wat de ingelogde gebruiker ziet en kan. Bril, geen breekijzer.
• Niets wordt verzameld of verstuurd: geen telemetrie, geen externe servers. Zie PRIVACY.md.
• Alleen gebruiken op apps waar je aan werkt of toestemming voor hebt (⚙-menu: verantwoord gebruik).
• Nieuw per versie: release-notes openen automatisch na een update, of zie de releases-pagina.