Acht Fragen. Ein Panel.
Jeder Bereich beginnt mit der Frage, die du dir an der App gerade stellst. Darunter steht, was FrontTailor darauf antwortet und ab welcher Edition. SAPUI5 und OpenUI5 von 1.71 bis 2.x1, Freestyle, Fiori Elements V2 und V4, Launchpad und eigenständige Apps.
Welches Control steckt hinter diesem Pixel – und woher kommt sein Wert?


Systemsteckbrief & Badge-Ampel2
UI5-Version, Theme, Sprache, Launchpad-Variante, App-Typ und Datenquellen mit Backend-Typ, ohne Einrichtung. Das Symbol zeigt grün, gelb mit Fehlerzahl oder rot für PROD.
Control Inspector3
Pick-Modus mit Alt+Shift+F, Baum, Properties, Bindings und Kontexte. „Kopieren als“ ID, OPA5, wdi5, Playwright oder XML; Properties live ändern, auf PROD gesperrt.
Model Explorer4
JSON-, OData-V2/V4-, Resource- und Device-Models als Baum, Snapshot und Diff vorher/nachher, i18n-Lookup mit allen Sprachen.
Lesezeichen für den App-Zustand5
Route, Filter, Variante und Tab merken, nach dem Neuladen mit einem Klick zurück zur Fehlerstelle. Team-Lesezeichen in Team.
Werkzeuge & Entwickler-Komfort6
Cache-Reset, Debug-Schalter, URL-Vorlagen, „Nur eigenen Code debuggen“ und „Im Editor öffnen“.
Befehlspalette mit Favoriten6
Alt+Shift+K öffnet die Suche über alle Befehle, mit Favoriten und den letzten zehn Befehlen.
App-Sprache umstellen7
Sprachen der App, weitere SAP-Sprachen und die SAP-Testsprachen, auch RTL. Neuladen mit Sprache geht auch auf PROD, Umschalten ohne Neuladen ist dort gesperrt.
Flex-Check & Personalisierungs-Reset8
Änderungen je Layer sehen, nur den eigenen USER-Layer gezielt zurücksetzen – mit doppelter Bestätigung, auf PROD gesperrt.
UI5-Version vom SAP-CDN9
Die App in genau einem Tab mit einer anderen UI5-Version testen, ohne Deployment. Auf PROD gesperrt.
Brauchst du Hilfe dabei? Hands-on-Workshops zu SAPUI5, Fiori Elements, OData und CAP →
Warum scheitert dieser Request – und was hat das Backend wirklich gesagt?


OData-Konsole10
V2 und V4, $batch in Einzelteile zerlegt, Fehlertext von Gateway, RAP und CAP lesbar, Link ins /IWFND/ERROR_LOG, 76 Header erklärt.
Export & Replay11
Als cURL, .http, Postman oder HAR exportieren, ohne Tokens. Replay nach Vorschau, gespeicherte Filter und Sammlungen – auf PROD nur Anzeige.
Metadata-Explorer12
Entitäten als Diagramm mit Navigationen, Pfadfinder für $expand, Export als SVG, PNG oder Mermaid.
Vom Request zum Control13
Ein Klick vom Request oder der Property zum gebundenen Control in der Seite.
Fehlersimulation14
500, 403, langsames Backend, leere Liste oder abgelaufener CSRF-Token – ohne Mock-Server, mit Banner in der Seite, auf PROD gesperrt.
Brauchst du Hilfe dabei? Fiori-, UI5- und CAP-Apps nach Maß →
Warum braucht die App acht Sekunden – und seit wann?


Performance-Profiler15
Startzeit, Requests, Bundles, Preload, async, Theme-Cache, langsame OData-Calls und Long Tasks – mit Ampel und konkreter Empfehlung.
Performance-Budgets16
Grenzwerte je App für sieben Kennzahlen, Urteil oben im Bericht, Verlauf über Versionen, Export als JSON. Team-Budgets in Team.
Deployment-Prüfung & Cache-Buster17
Läuft im Browser die Version, die deployt ist? Veraltete ~token~-Pfade, Urteil und Reset mit einem Klick.
Doku:
Brauchst du Hilfe dabei? Fiori-Performance-Review →
GEMESSEN.
Eine Extension, die Fiori-Apps langsamer macht, hätte ihr Thema verfehlt. Der Anteil des FrontTailor-Codes an der Ladezeit liegt in den drei Demo-Apps bei 0,7 %, 0,1 % und 1,0 %18. Mit den nötigen Berechtigungen kommt Chromium selbst dazu: insgesamt 10,9 %, 4,2 % und 1,6 % – das größte Stück davon in der Freestyle-App, sobald webRequest aktiv ist. Wir schreiben beide Zahlen hin.
Zur FundstelleWas muss die App bis UI5 2.0 ändern – und was findet der Review sonst?


UI5-2.0-Readiness-Check19
Synchrones Laden, sap.ui.getCore(), jQuery.sap, veraltete Controls und Themes – mit Datei, Zeile, Ersatz und Score. Migrationsbericht mit Aufwand in Pro.
Bibliotheksanalyse20
Geladene Bibliotheken gegen das Manifest, nicht deklarierte Controls, Netzwerksicht und ein kopierbarer Vorschlag für sap.ui5/dependencies. Export in Pro.
i18n- & Barrierefreiheitsprüfung7
Fehlende Schlüssel und Übersetzungen, feste Texte, Controls ohne Label, Kontrast nach WCAG 2.2 – mit Sprung in den Inspector.
Fiori-Design-Guidelines-Validator21
Floorplan erkannt, 32 Regeln, Score je Kategorie, Verbesserung mit Beispiel und Dos & Don’ts.
Annotation Explorer22
Welche Annotation steuert dieses Feld in Fiori Elements – und aus welcher Quelle? Dazu Manifest-Viewer und Draft-/ETag-Inspektor.
Brauchst du Hilfe dabei? UI5 2.0: Readiness und Migration →
Wie wird aus einem Fehler ein Test – oder ein Ticket, das ohne Rückfrage lösbar ist?


Gemeinsamer Recorder23
Einmal aufzeichnen, mehrfach nutzen: als Schritte im Bericht, als Journey oder als synthetischer Check. Eingaben standardmäßig nicht aufgezeichnet.
Scaffolding & Snippets24
Page Objects für OPA5, wdi5 und Playwright, QUnit-Gerüst und Mockdaten aus der laufenden App.
Lokaler Code im echten Launchpad25
Den lokalen Stand mit echter Kachel, echten Rollen und echten Daten testen, ohne Deployment. Auf PROD gesperrt.
Problem melden26
Screenshot mit Markierungen, Klickpfad, fehlgeschlagene Requests und Systemsteckbrief – maskiert, mit Vorschau.
Tickets & SAP-Incident27
Jira, GitHub, GitLab und Azure DevOps in Pro, ServiceNow in Enterprise. Dazu ein vorbereiteter SAP-Incident mit Komponente und Request-IDs.
Bekannte Fehler28
Die Lösung für den Fehler, der jede Woche wiederkommt, direkt am Fehler. Für das ganze Team in Team.
Brauchst du Hilfe dabei? Erweiterungen von Fiori-Elements-Apps →
Was bedeutet dieser Inner-Error – und wie sieht der wdi5-Test dafür aus?


KI-Assistent (BYOK)29
35 Use Cases mit dem Kontext der Seite: Fehler erklären, Code-Review der laufenden App, Performance-Tipps, wdi5-Tests, Annotationen, Übersetzungen, Ticket-Texte.
Ihr Anbieter, Ihr Schlüssel30
Anthropic, Azure OpenAI, SAP AI Core, Google Gemini, Mistral oder OpenAI-kompatibel (z. B. Ollama). Kein Proxy der CloudDNA; der Schlüssel bleibt verschlüsselt auf dem Gerät.
Vorschau & Maskierung31
Jede Anfrage erst nach vollständiger Vorschau und Klick; E-Mail, Telefon, IBAN und lange Ziffern maskiert. Per Richtlinie erzwingbar oder abschaltbar.
Doku:
Brauchst du Hilfe dabei? TailorCampus D6: KI im SAP-Umfeld →
Warum fehlt die Kachel – und warum läuft es auf QA, aber nicht auf PROD?


Launchpad Inspector32
Kachel anklicken: App-ID, Semantic Object, Target Mapping, Space, Page, Katalog und Plugins – ohne die App zu öffnen.
Berechtigungsdiagnose33
401/403 lesbar mit Berechtigungsobjekt, Prüfkette für „Kachel fehlt“ mit Ampel je Stufe, Links in SU53 und das Fehlerprotokoll.
Systemvergleich DEV/QA/PROD34
Snapshots aus Metadaten je System und ein Diff – ohne Geschäftsdaten, ohne Crawlen im Hintergrund.
Release-Prüfung nach Transport35
Ampel je System für Version, Cache-Buster, Preload und App-Index – und zu jedem roten Befund der nächste Schritt.
Morgencheck36
Die wichtigsten Apps auf Klick nacheinander öffnen, Ampel je App, Vergleich zum letzten Lauf. Kein Monitoring im Hintergrund.
Health & synthetischer Check37
Latenz, Fehlerrate und Sitzungsrestzeit aus dem OData-Protokoll; aufgezeichnete Klickfolgen als Check abspielen, auf PROD gesperrt.
Absprung ins Backend38
Vom fehlgeschlagenen Request direkt zu /IWFND/ERROR_LOG, ST22, SU53 und Co. desselben Systems; Hinweise für CAP und BTP.
Backend-Service & Rollen-Simulator (optional)39
Nur lesendes ABAP-Add-on für die Stufen Rolle und Startberechtigung. Noch nicht auf einem echten SAP-System getestet.
Doku:
Brauchst du Hilfe dabei? Launchpad, Rollen und Berechtigungen →
Wie bekommt das ganze Team dieselben Profile, Filter und Lösungen – ohne Server?


Team-Sync40
Team-Pakete mit Host-Profilen, URL-Profilen, OData-Filtern, Replays, Snippets, PII-Regeln, Favoriten, Budgets und bekannten Fehlern – per Datei oder HTTPS.
Diff vor jeder Übernahme40
Nichts wird still übernommen. Änderungen, die den PROD-Schutz aufheben würden, sind nie vorausgewählt. Optional mit Ed25519 signiert.
Admin-Richtlinien & Sideload41
Erlaubte Hosts, PROD-Hosts, Module, KI-Endpunkt, Lizenz und Team-Pakete zentral vorgeben – per Gruppenrichtlinie, Intune oder Jamf.
Doku:
Brauchst du Hilfe dabei? FrontTailor-Onboarding für euer Team →
Community für dich. Pro für Projekte. Enterprise für den Betrieb.
Die Pills an jeder Funktion zeigen, ab welcher Edition sie enthalten ist. Im Vergleich steht alles in einer Tabelle.
Kauf abgebrochen – nichts wurde berechnet.
Fundstellen auf dieser Seite
Die hochgestellten Ziffern im Text verweisen hierher. Antippen zeigt die Fundstelle direkt an der Textstelle, alle Fundstellen der Website stehen gesammelt auf einer Seite.
- 1
UI5 1.71 bis 2.x, SAPUI5 und OpenUI5 ↑Produkt · FrontTailor-Produktdokumentation, ADR-002 „UI5-Adapter“ · geprüft am 09.11.2026
- 2
Systemsteckbrief ohne Einrichtung ↑Produkt · FrontTailor-Produktdokumentation, README und Store-Text (docs/store-listing.md) · geprüft am 09.11.2026
- 3
Control Inspector mit Pick-Modus und „Kopieren als“ ↑Produkt · FrontTailor-Produktdokumentation, ADR-005 „Control Inspector“ · geprüft am 09.11.2026
- 4
Model Explorer mit Snapshot, Diff und i18n-Lookup ↑Produkt · FrontTailor-Produktdokumentation, ADR-006 „Model Explorer“ · geprüft am 09.11.2026
- 5
Lesezeichen für den App-Zustand ↑Produkt · FrontTailor-Produktdokumentation, ADR-038 „App-Zustand-Lesezeichen“ · geprüft am 09.11.2026
- 6
Cache-Reset, Debug-Schalter und Befehlspalette ↑Produkt · FrontTailor-Produktdokumentation, ADR-008 „Werkzeuge: Cache, Debug, Palette“ · geprüft am 09.11.2026
- 7
i18n- und Barrierefreiheitsprüfung ↑Produkt · FrontTailor-Produktdokumentation, ADR-033 „i18n und Barrierefreiheit“ · geprüft am 09.11.2026
- 8
Flex-Check und gezielter Personalisierungs-Reset ↑Produkt · FrontTailor-Produktdokumentation, ADR-011 „Flex-Personalisierung“ · geprüft am 09.11.2026
- 9
UI5-Version vom SAP-CDN testen ↑Produkt · FrontTailor-Produktdokumentation, ADR-012 „UI5-Versions-Override“ · geprüft am 09.11.2026
- 10
OData-Konsole für V2 und V4 ↑Produkt · FrontTailor-Produktdokumentation, ADR-007 „OData-Konsole“ · geprüft am 09.11.2026
- 11
Gespeicherte Filter und Replay-Sammlungen ↑Produkt · FrontTailor-Produktdokumentation, ADR-029 „Gespeicherte Filter, Replays, Favoriten“ · geprüft am 09.11.2026
- 12
Grafischer Metadata-Explorer ↑Produkt · FrontTailor-Produktdokumentation, ADR-015 „Metadata-Explorer“ · geprüft am 09.11.2026
- 13
Vom Request zum Control springen ↑Produkt · FrontTailor-Produktdokumentation, ADR-010 „Zum Control springen“ · geprüft am 09.11.2026
- 14
Fehlersimulation für OData ↑Produkt · FrontTailor-Produktdokumentation, ADR-037 „Fehlersimulation“ · geprüft am 09.11.2026
- 15
Performance-Profiler mit Ampel ↑Produkt · FrontTailor-Produktdokumentation, ADR-016 „Performance-Profiler“ · geprüft am 09.11.2026
- 16
Performance-Budgets je App ↑Produkt · FrontTailor-Produktdokumentation, ADR-044 „Performance-Budgets“ · geprüft am 09.11.2026
- 17
Deployment-Prüfung und Cache-Buster-Check ↑Produkt · FrontTailor-Produktdokumentation, ADR-024 „Deployment-Prüfung und Cache-Buster“ · geprüft am 09.11.2026
- 18
Eigenanteil am Ladezeit-Overhead gemessen ↑Produkt · FrontTailor-Produktdokumentation, ADR-009 „Qualitätssicherung und Release“ · geprüft am 09.11.2026
- 19
UI5-2.0-Readiness-Check ↑Produkt · FrontTailor-Produktdokumentation, ADR-027 „UI5-2.0-Readiness“ · geprüft am 09.11.2026
- 20
Bibliotheksanalyse ↑Produkt · FrontTailor-Produktdokumentation, ADR-034 „Library Analyzer“ · geprüft am 09.11.2026
- 21
Fiori-Design-Guidelines-Validator ↑Produkt · FrontTailor-Produktdokumentation, ADR-035 „Fiori-Guidelines-Validator“ · geprüft am 09.11.2026
- 22
Annotation Explorer für Fiori Elements ↑Produkt · FrontTailor-Produktdokumentation, ADR-019 „Annotation Explorer“ · geprüft am 09.11.2026
- 23
Gemeinsamer Recorder ↑Produkt · FrontTailor-Produktdokumentation, ADR-028 „Gemeinsamer Recorder“ · geprüft am 09.11.2026
- 24
Scaffolding aus der laufenden App ↑Produkt · FrontTailor-Produktdokumentation, ADR-020 „Scaffolding und Snippets“ · geprüft am 09.11.2026
- 25
Lokaler Code im echten Launchpad ↑Produkt · FrontTailor-Produktdokumentation, ADR-036 „Lokaler Code im Launchpad“ · geprüft am 09.11.2026
- 26
Problem melden mit maskiertem Bericht ↑Produkt · FrontTailor-Produktdokumentation, ADR-017 „Issue Reporter“ · geprüft am 09.11.2026
- 27
Tickets in Jira, GitHub, GitLab, Azure DevOps und ServiceNow ↑Produkt · FrontTailor-Produktdokumentation, ADR-031 „Ticket-Integrationen“ · geprüft am 09.11.2026
- 28
Bekannte Fehler mit Lösung am Fehler ↑Produkt · FrontTailor-Produktdokumentation, ADR-040 „Bekannte Fehler“ · geprüft am 09.11.2026
- 29
KI-Assistent mit eigenem Schlüssel ↑Produkt · FrontTailor-Produktdokumentation, ADR-018 „KI-Assistent (BYOK)“ · geprüft am 09.11.2026
- 30
KI-Schlüssel nur lokal und verschlüsselt ↑Produkt · FrontTailor-Produktdokumentation, ADR-018 „KI-Assistent (BYOK), Nachtrag“ · geprüft am 09.11.2026
- 31
Maskierung personenbezogener Daten vor dem Versand ↑Produkt · FrontTailor-Produktdokumentation, Store-Text (docs/store-listing.md) und ADR-018 · geprüft am 09.11.2026
- 32
Launchpad Inspector ↑Produkt · FrontTailor-Produktdokumentation, ADR-022 „Launchpad Inspector“ · geprüft am 09.11.2026
- 33
Berechtigungsdiagnose und Kachel-Prüfkette ↑Produkt · FrontTailor-Produktdokumentation, ADR-025 „Berechtigungsdiagnose“ · geprüft am 09.11.2026
- 34
Systemvergleich DEV/QA/PROD ↑Produkt · FrontTailor-Produktdokumentation, ADR-030 „Systemvergleich“ · geprüft am 09.11.2026
- 35
Release-Prüfung nach Transport ↑Produkt · FrontTailor-Produktdokumentation, ADR-042 „Release-Prüfung nach Transport“ · geprüft am 09.11.2026
- 36
Morgencheck über mehrere Apps ↑Produkt · FrontTailor-Produktdokumentation, ADR-043 „Morgencheck“ · geprüft am 09.11.2026
- 37
Health und synthetischer Check ↑Produkt · FrontTailor-Produktdokumentation, ADR-023 „Health-Monitoring“ · geprüft am 09.11.2026
- 38
Absprung ins Backend und SAP-Incident ↑Produkt · FrontTailor-Produktdokumentation, ADR-041 „Absprung ins Backend und SAP-Incident“ · geprüft am 09.11.2026
- 39
Optionaler Backend-Service (ABAP-Add-on) ↑Produkt · FrontTailor-Produktdokumentation, ADR-032 „Backend-Service und Rollen-Simulator“ · geprüft am 09.11.2026
- 40
Team-Sync ohne Server ↑Produkt · FrontTailor-Produktdokumentation, ADR-021 „Team-Sync“ · geprüft am 09.11.2026
- 41
Admin-Richtlinien per Managed Storage ↑Produkt · FrontTailor-Produktdokumentation, Richtlinien-Schema (apps/extension/public/managed-schema.json) und ADR-013 · geprüft am 09.11.2026
Fragen zu den Funktionen.
- Ersetzt FrontTailor UI5 Diagnostics und den UI5 Inspector?
- FrontTailor deckt ab, wofür man UI5 Diagnostics und Inspector-Extensions meist öffnet – Control-Baum, Properties, Bindings, Models – und verbindet es mit dem, was dort fehlt: OData-Requests mit lesbaren Fehlern, Performance, UI5-2.0-Check und Launchpad. Die SAP-Werkzeuge bleiben nutzbar; FrontTailor ändert nichts an ihnen.
- Funktioniert FrontTailor mit Fiori Elements und CAP?
- Ja. FrontTailor erkennt Freestyle-Apps sowie Fiori Elements V2 und V4 und liest OData V2 und V4, auch von CAP und RAP. Für Fiori Elements zeigt der Annotation Explorer (Pro), welche Annotation ein Feld steuert und aus welcher Quelle sie kommt; bei V2 nur teilweise.
- Wie finde ich die ID eines UI5-Controls für einen Test?
- Pick-Modus mit Alt+Shift+F starten, das Feld anklicken und „Kopieren als“ wählen: ID, OPA5-, wdi5- oder Playwright-Selektor oder XML. Generierte IDs wie __xmlview0--input-3 landen nie im Selektor; FrontTailor nutzt stabile Merkmale wie view-lokale ID, Binding-Pfad oder Text.
- Kann ich eine andere UI5-Version testen, ohne zu deployen?
- Ja. Unter Werkzeuge leitet FrontTailor in genau einem Tab nur die UI5-Dateien der App auf ui5.sap.com oder sdk.openui5.org in der gewählten Version um. Der eigene Code der App bleibt unberührt, die Regel endet mit dem Tab, und auf PROD ist das gesperrt. Eine strenge Content Security Policy der Seite kann den Wechsel verhindern.
- Wie messe ich die Ladezeit einer Fiori-App?
- Im Performance-Profiler (Pro) auf „Messung starten“ klicken und die App neu laden. Er misst Zeit bis interaktiv, FCP, LCP, Requests und Größen und prüft Component-Preload, Library-Preload, asynchrones Laden, Theme-Cache, langsame OData-Calls und Long Tasks – mit Ampel und Empfehlung. Die Schwellen sind Faustregeln von FrontTailor, keine SAP-Grenzwerte.
- Prüft FrontTailor die Barrierefreiheit nach WCAG?
- Die i18n- und Barrierefreiheitsprüfung (Pro) prüft Kriterien aus WCAG 2.2 – Textalternativen, Struktur, Kontrast mindestens 4,5:1 bzw. 3:1, Beschriftungen, Name und Rolle – mit Sprung zum Control. Tastaturbedienung und Fokusreihenfolge prüft sie nicht; ein vollständiges Audit ersetzt sie nicht.
- Wer hilft bei der UI5-2.0-Migration?
- Die CloudDNA, von der FrontTailor kommt. Der UI5-2.0-Readiness-Check zeigt je App die Blocker mit Datei und Zeile; in der Beratung priorisieren wir sie mit euch und setzen die Migration um – mit dem Team, in dem die Autoren von „SAPUI5 – The Comprehensive Guide“ arbeiten. Mehr auf der Seite Leistungen.
- Gibt es eine Anleitung zu den einzelnen Modulen?
- Ja. Die Produktdokumentation von FrontTailor beschreibt die Module Seite für Seite: wo sie im Panel stehen, wie man sie bedient, welche Edition sie brauchen und was auf PROD-Systemen gesperrt ist. Unter jedem Bereich auf dieser Seite stehen die Links zu den passenden Doku-Seiten.
Deine Frage ist nicht dabei? Sprich mich an: +43 664 1964199 office@clouddna.at Schreib mir