# FrontTailor: Volltext > Entwickler-Tools für SAP Fiori® und UI5-Apps. Dieser Text enthält den sichtbaren Inhalt der Website https://fronttailor.com als Markdown (Stand 2026-11-10). Kurzfassung: https://fronttailor.com/llms.txt. Bitte bei Zitaten die Seite als Quelle nennen. Anbieter: CloudDNA GmbH, Untere Hauptstraße 23, 7410 Loipersdorf, Österreich. Telefon +43 664 1964199, E-Mail office@clouddna.at. === DEUTSCH === --- # FrontTailor – Entwickler-Tools für SAP Fiori® und UI5-Apps Quelle: https://fronttailor.com/ > Browser-Extension für SAP Fiori® und UI5: Control Inspector, OData-Konsole, Performance, UI5-2.0-Check, KI und Betrieb in einem Panel. Community kostenlos. Entwickler-Tools für SAP Fiori® und UI5-Apps ## Zehn Tabs zu. Ein Panel auf. Eine Fiori-App tut etwas, das sie nicht soll, und die Suche beginnt: DevTools, Network-Tab, UI5 Diagnostics, das Fehlerprotokoll im SAP GUI. FrontTailor ist eine Browser-Extension für Chrome und Edge, die jede laufende UI5-App erklärt – welches Control hinter einem Pixel steckt, warum ein Request scheitert, was den Start bremst, was bis UI5 2.0 fehlt. In einem Panel, lokal im Browser. Die kleinen Ziffern sind Fundstellen: Antippen zeigt Quelle und Prüfdatum, alle stehen unten auf der Seite. [Kostenlos installieren →](https://fronttailor.com/#installieren) [Editionen und Preise](https://fronttailor.com/editionen) [Alle Funktionen](https://fronttailor.com/funktionen) - Community kostenlos, ohne Konto - UI5 1.71 bis 2.x - Änderungen auf PROD gesperrt - Keine Cookies auf dieser Seite [Ein Produkt derDie SAP & KI Experten aus Österreich!](https://www.clouddna.at) FrontTailor – Entwicklerwerkzeuge für SAP Fiori® und UI5-Apps · 1:32 min Kapitel und gesprochener Text #### Kapitel - Einstieg - Community - Pro - Team - Enterprise - Editionen #### Was im Video gesagt wird Wer SAP-Fiori-Apps entwickelt oder betreut, springt zwischen DevTools, Backend-Transaktionen und Wiki-Seiten hin und her. FrontTailor bündelt das in einem Panel – direkt neben der laufenden App. Kostenlos in Community: Der Inspector zeigt zu jedem Control Typ, Properties und Bindings. Die OData-Konsole übersetzt Fehler in Klartext – auch mitten in $batch-Anfragen. Pro ist für Entwickler: Der Profiler misst Start und Requests und prüft sie gegen Budgets. Und lokaler Code läuft im echten Launchpad – ohne Deployment. Team verteilt signierte Pakete: Profile, Filter, Snippets und bekannte Fehler – für alle gleich. Enterprise ist für den Betrieb: Der Launchpad Inspector zeigt hinter jeder Kachel Intent, Mapping und App. Vier Editionen: Community ist kostenlos, Pro für Entwickler, Team für gemeinsame Standards und Enterprise für den Betrieb. FrontTailor – ein Produkt der CloudDNA, der SAP- und KI-Experten aus Österreich. Mehr auf fronttailor.com. Vom Autor der SAP-PRESS-Bücher ### Erst haben wir die Bücher geschrieben. Dann das Panel. Martin Koch, Gründer der CloudDNA, hat mit Rene Glavanovits, Daniel Krancz und Maximilian Olzinger die Bücher zu SAPUI5, SAP Fiori Elements, Full-Stack-Entwicklung und Git und SAP bei SAP PRESS geschrieben. FrontTailor ist aus der Arbeit hinter diesen Büchern entstanden: Was dort erklärt wird, zeigt das Panel an deiner laufenden App. [Alle 16 Titel nach Thema →](https://fronttailor.com/buecher) - [SAPUI5 The Comprehensive Guide Englisch](https://www.sap-press.com/sapui5_6012/) - [SAP Fiori Elements Grundlagen, Entwicklung und Erweiterung Deutsch · auch auf Englisch](https://www.rheinwerk-verlag.de/sap-fiori-elements/) - [Fullstack-Entwicklung mit SAP Deutsch · auch auf Englisch](https://www.rheinwerk-verlag.de/fullstack-entwicklung-mit-sap/) - [Git und SAP Versionsverwaltung und Transporte Deutsch](https://www.rheinwerk-verlag.de/git-und-sap/) Buchempfehlung Empfehlung in eigener Sache: Martin Koch, Gründer der CloudDNA, ist Autor oder Co-Autor dieser Bücher. Warum es FrontTailor gibt ### Die Frage ist immer dieselbe: Warum tut die App das? Die Antwort liegt fast nie an einem Ort. Sie liegt verteilt: - Elements-Tab - Network-Tab - UI5 Diagnostics - /IWFND/ERROR_LOG - ST22 - SU53 - Launchpad-Konfiguration Ein Feld zeigt den falschen Wert. Im Elements-Tab steht ein __xmlview0--input-3, das niemandem etwas sagt. Im Network-Tab ein $batch mit zwölf Teilen, einer davon rot, der Fehlertext irgendwo im Multipart-Body. UI5 Diagnostics weiß, welches Control das ist – aber nicht, welcher Request dazugehört. Und das Gateway-Fehlerprotokoll steht im SAP GUI, in einem anderen Fenster, auf einem System, auf dem man vielleicht gar nicht angemeldet ist. Dann der Klassiker: Auf DEV läuft es, auf PROD nicht. Andere UI5-Version? Alter Cache-Buster? Ein Flex-Change im CUSTOMER-Layer? Eine Rolle, die auf QA hängt und auf PROD nicht? Und nach jedem Transport die Morgenrunde: zwanzig Apps öffnen, schauen, ob sie starten, hoffen, dass niemand vor neun anruft. Jedes Werkzeug sieht einen Teil. Den Zusammenhang sieht keins. Bisher Mit FrontTailor Generierte IDs im Elements-Tab entziffern Feld anklicken: Control, View, Binding, Model – und ein Selektor für wdi5 $batch-Body im Network-Tab von Hand lesen Batch zerlegt, Fehlertext lesbar, ein Klick zum Control Ins SAP GUI wechseln und das Fehlerprotokoll suchen Absprung mit Transaktions-ID und Zeitfenster ins richtige System „Auf DEV geht’s doch“ Systemvergleich DEV/QA/PROD: was sich wirklich unterscheidet Morgens zwanzig Apps von Hand öffnen Morgencheck auf Klick, Ampel je App, Vergleich zu gestern Screenshot ins Ticket, Rückfrage, noch ein Screenshot Ein maskierter Bericht mit Klickpfad, Requests und Systemsteckbrief [Die ganze Geschichte: warum wir FrontTailor gebaut haben →](https://fronttailor.com/story#produkt) Was das Panel beantwortet ### Für die Fragen, die jede Fiori-App irgendwann stellt. FrontTailor öffnet sich als Panel in den DevTools, als Side-Panel neben der App oder als Popup. Nach einmaliger Freigabe der Domain zeigt die Übersicht ohne Einrichtung UI5-Version, App-Typ, Launchpad und Datenquellen, und das Symbol wird zur Ampel: grün, gelb mit Fehlerzahl, rot für PROD. Inspector & Models · Community #### Welches Control steckt hinter diesem Pixel? Alt+Shift+F, Feld anklicken: Der Control Inspector zeigt Baum, Properties, Bindings und Kontexte – und kopiert das Control als ID, OPA5-, wdi5- oder Playwright-Selektor. Generierte IDs landen nie im Selektor. Der Model Explorer zeigt JSON-, OData- und Resource-Models als Baum, mit Snapshot und Diff vorher/nachher. [Inspector & Models im Detail →](https://fronttailor.com/funktionen#inspector) OData · Community #### Was hat das Backend wirklich gesagt? Die OData-Konsole zerlegt jeden $batch, liest die Fehler von Gateway, RAP und CAP und verlinkt das Fehlerprotokoll. Ein Klick führt vom Request zum gebundenen Control. Export als cURL, .http, Postman oder HAR – ohne Tokens. In Pro simulierst du 500, 403, ein langsames Backend oder einen abgelaufenen CSRF-Token, ohne Mock-Server. [OData im Detail →](https://fronttailor.com/funktionen#odata) Performance · Pro #### Warum braucht die App acht Sekunden? Der Performance-Profiler misst den Start und sagt, was bremst: fehlender Component-Preload, 237 Einzelmodule, Theme ohne Cache, ein langsamer OData-Call. Jeder Befund mit Ampel und Empfehlung. Budgets je App machen daraus eine Regel: „2 Budgets überschritten: Startzeit +38 % seit Version 1.4.0“. [Performance im Detail →](https://fronttailor.com/funktionen#performance) Qualität · Community und Pro #### Was muss bis UI5 2.0 noch passieren? Der UI5-2.0-Readiness-Check beobachtet die laufende App und findet, was ein statischer Linter nicht sieht: sap.ui.getCore() zur Laufzeit, synchrone Ladevorgänge, veraltete Controls – mit Datei, Zeile und Ersatz. Dazu die Bibliotheksanalyse, die i18n- und Barrierefreiheitsprüfung nach WCAG 2.2 und ein Validator für die Fiori Design Guidelines mit 32 Regeln. [Qualität im Detail →](https://fronttailor.com/funktionen#qualitaet) KI · Pro #### Was bedeutet dieser Inner-Error? Der KI-Assistent kennt den Kontext der Seite: Er erklärt Fehler, schreibt den wdi5-Test, reviewt den Code der laufenden App. Mit deinem eigenen Schlüssel, direkt zu deinem Anbieter, nach einer Vorschau, die zeigt, was gesendet wird. E-Mail, Telefon und IBAN werden vorher maskiert. [KI im Detail →](https://fronttailor.com/funktionen#ki) Launchpad & Betrieb · Enterprise #### Warum fehlt die Kachel – und warum nur auf PROD? Der Launchpad Inspector zeigt zu jeder Kachel Target Mapping, Space, Page und Katalog. Die Berechtigungsdiagnose geht die Kette bis zur Startberechtigung durch. Der Systemvergleich DEV/QA/PROD zeigt, was sich unterscheidet, die Release-Prüfung nach dem Transport gibt je System eine Ampel, und der Morgencheck öffnet deine wichtigsten Apps auf Klick. [Betrieb im Detail →](https://fronttailor.com/funktionen#betrieb) Testen, melden, teilen · Pro und Team #### Ein Ticket, das ohne Rückfrage lösbar ist. Problem melden packt Screenshot, Klickpfad, fehlgeschlagene Requests und Systemsteckbrief in einen Bericht – maskiert, mit Vorschau, ab nach Jira, GitHub, GitLab oder Azure DevOps. Im Team teilt Team-Sync Profile, Filter, Budgets und bekannte Fehler – ohne Server, mit einem Diff vor jeder Übernahme. [Testen & melden im Detail →](https://fronttailor.com/funktionen#entwickeln) GESPERRT. Wer auf PROD einen Fehler sucht, will nichts verändern. Deshalb prüft FrontTailor jede Aktion, die etwas ändert, im Service Worker gegen das Host-Profil und sperrt sie auf PROD, bevor sie die Seite erreicht. Im Zweifel: gesperrt. Die blauen Marker auf dieser Seite? Hinter jedem steht eine Fundstelle mit Prüfdatum. [Alle Fundstellen](https://fronttailor.com/fundstellen) Sicherheit ### Kein Server. Keine Telemetrie. Nichts ohne deinen Klick. Ein Werkzeug, das in eine Fiori-App mit echten Daten schaut, muss sich erklären. FrontTailor ist so gebaut, dass es wenig zu erklären gibt – und was bleibt, steht offen auf der Seite Sicherheit. [Sicherheit im Detail →](https://fronttailor.com/sicherheit) - FreigabeErst fragen, dann lesen. Zugriff auf eine App bekommt FrontTailor erst nach deiner Freigabe für diese Domain. - LokalKeine Daten an CloudDNA. Keine Telemetrie, keine Analyse, kein Konto. Das OData-Protokoll liegt lokal und wird mit dem Tab gelöscht. - VorschauSenden nur nach Klick. KI und Tickets zeigen vorher vollständig, was wohin geht – und senden direkt an deinen Dienst. - Konzern-ITZentral steuerbar. Erlaubte Hosts, PROD-Hosts, Module und KI-Endpunkt per Gruppenrichtlinie, Intune oder Jamf. Editionen ### Kostenlos anfangen. Bezahlen, wenn es Zeit spart. Vier Editionen, jede enthält die darunter. Pro und Team kaufst du direkt hier, Enterprise bekommst du auf Anfrage. Neue Installationen bekommen 7 Tage lang alle Editionen, danach gilt Community ohne Schlüssel. Community #### Kostenlos. Für jede Entwicklerin und jeden Entwickler. 0 € für immer, ohne Konto Für: Einzelne Entwickler, Key-User und alle, die UI5 verstehen wollen - Control Inspector mit Pick-Modus und „Kopieren als“ - Model Explorer mit Snapshot, Diff und i18n-Lookup - OData-Konsole: $batch zerlegt, Fehler lesbar, Export - Cache-Reset, Debug-Schalter, Befehlspalette, Lesezeichen - UI5-2.0-Readiness-Check und Bibliotheksanalyse - Eigene bekannte Fehler mit Lösung am Fehler [Kostenlos installieren](https://fronttailor.com/#installieren) Pro Am häufigsten gewählt #### Für alle, die Fiori-Apps liefern. 29 € pro Nutzer und Monat, oder 288 € pro Nutzer und Jahr, zzgl. USt. Für: Freelancer, Entwicklerinnen und Entwickler in Projekten, Beratungshäuser - Alles aus Community - Performance-Profiler mit Ampel und Budgets je App - i18n- und Barrierefreiheitsprüfung, Guidelines-Validator - KI-Assistent mit eigenem Schlüssel - Problem melden, Tickets, SAP-Incident vorbereiten - Scaffolding, Fehlersimulation, lokaler Code im Launchpad - Annotation Explorer und UI5-2.0-Migrationsbericht [Kaufen: Pro](https://fronttailor.com/kontakt?thema=Pro) Team Alles aus Pro, plus #### Alles aus Pro, plus gemeinsame Standards. 39 € pro Nutzer und Monat, oder 384 € pro Nutzer und Jahr, zzgl. USt. Für: Entwicklungsteams und Beratungshäuser mit gemeinsamen Standards - Alles aus Pro - Team-Sync ohne Server: Team-Pakete per Datei oder HTTPS - Profile, Snippets, Filter, Replays, Budgets und Lesezeichen fürs Team - Bekannte Fehler mit Lösung für alle - Diff vor jeder Übernahme, optional signiert [Kaufen: Team](https://fronttailor.com/kontakt?thema=Team) Enterprise Alles aus Team, plus #### Alles aus Team, plus Betrieb und Konzern-IT. ab 39 € pro Nutzer und Monat, mindestens 25 Nutzer, oder Jahreslizenz je System Für: Basis- und Betriebsteams, große SAP-Kunden, Hosting-Partner - Alles aus Team - Launchpad Inspector und Berechtigungsdiagnose - Systemvergleich DEV/QA/PROD, Release-Prüfung nach Transport - Morgencheck, Health und synthetischer Check - Absprung ins Backend, ServiceNow, optionaler Backend-Service - Admin-Richtlinien, Sideload, SSO, Support-SLA [Angebot anfragen](https://fronttailor.com/kontakt?thema=Enterprise) [Alle Funktionen im Vergleich der Editionen →](https://fronttailor.com/editionen#vergleich) · Alle Preise netto zuzüglich USt. Installieren · Version 1.0.0 ### In zwei Minuten zum ersten Befund. Community ist kostenlos und braucht kein Konto. FrontTailor läuft in Chrome und Edge ab Version 137; ein Firefox-Build ist vorbereitet. - Chrome Web Store Store-Eintrag folgt[Vorab-Version anfragen →](https://fronttailor.com/kontakt?thema=Vorabversion) - Microsoft Edge Add-ons Store-Eintrag folgt[Vorab-Version anfragen →](https://fronttailor.com/kontakt?thema=Vorabversion) - Firefox Add-ons Build vorbereitet[Interesse melden →](https://fronttailor.com/kontakt?thema=Firefox) Store-Eintrag folgt Der Eintrag im Chrome Web Store folgt. Bis dahin bekommst du Version 1.0.0 auf [Anfrage](https://fronttailor.com/kontakt?thema=Vorabversion) als Paket zum Laden – mit 7 Tagen Testphase für alle Editionen, danach Community. - Installieren in Chrome oder Edge, Community ohne Konto. - Domain freigeben Fiori-App öffnen; FrontTailor fragt einmal, ob es hier aktiv werden darf. - Panel öffnen in den DevTools (F12) oder als Side-Panel über das Symbol. - Befund lesen Alt+Shift+F und Feld anklicken – oder den roten Request in der OData-Konsole öffnen. Ehrlich gesagt ### Wann dir FrontTailor nicht hilft. Ein Prüfwerkzeug, das nur Vorteile kennt, hat sich selbst nicht geprüft. Hier ist unsere Liste. - Du suchst ein Monitoring rund um die Uhr. FrontTailor läuft im Browser und nur, wenn du klickst. Der Morgencheck ersetzt kein Monitoring im Hintergrund – er macht die Runde nach dem Transport schneller. - Der Fehler liegt tief im ABAP. FrontTailor zeigt, welcher Request scheitert und mit welchem Text, und springt mit Transaktions-ID ins Fehlerprotokoll oder in ST22. Debuggen musst du im Backend. - Du brauchst ein lange erprobtes Werkzeug. FrontTailor ist jung: 1.0.0 ist die erste Version nach der Beta. Mehrere KI-Anbieter sind bisher nur gegen Mocks getestet, die Guidelines-Regeln an Demo-Apps, und das optionale ABAP-Add-on noch nicht auf einem echten SAP-System. - Deine IT lässt keine Extension zu, die auf allen Seiten läuft. Chrome zeigt bei der Installation „Alle Ihre Daten auf allen Websites lesen und ändern“. Warum, und wie man das per Richtlinie auf eure Hosts begrenzt, steht auf der Seite [Sicherheit](https://fronttailor.com/sicherheit#rechte). Werkzeug, Wissen, Menschen ### Ein Panel, die Bücher dazu – und das Team dahinter. FrontTailor beantwortet die Frage an der laufenden App. Wer verstehen will, warum, liest es nach. Und wer Hilfe beim Beheben braucht, bekommt sie von denselben Leuten. 01 · WERKZEUG #### Das Panel Welches Control, welcher Request, welche Annotation, was bis UI5 2.0 fehlt – direkt an der App, lokal im Browser. Community ist kostenlos, Pro und Team kaufst du hier. [Alle Funktionen →](https://fronttailor.com/funktionen) 02 · WISSEN #### Die Bücher SAPUI5, SAP Fiori Elements, Full-Stack-Entwicklung, Git und SAP, SAP BTP: 16 Titel bei SAP PRESS von Martin Koch und Co-Autoren. [Alle Bücher nach Thema →](https://fronttailor.com/buecher) 03 · MENSCHEN #### Workshops, Beratung, Entwicklung Onboarding fürs Team, Hands-on-Workshops zu SAPUI5 und Fiori Elements, Beratung zu UI5 2.0, Performance und Launchpad, Fiori- und CAP-Apps nach Maß – von der CloudDNA, in deren Team die Autoren arbeiten. [Leistungen ansehen →](https://fronttailor.com/leistungen) Das ganze Regal bei SAP PRESS ### Elf Werke, von UI5 bis zur SAP BTP. FrontTailor kommt von der CloudDNA. Neben den Büchern zu UI5 und Fiori Elements hat ihr Gründer Martin Koch mit Co-Autoren über Sicherheit und Administration der SAP BTP, SAP Build, Cloud Connector, Mobile Services und Cloud Integration geschrieben – 16 Titel, viele auf Deutsch und Englisch. - [SAPUI5 The Comprehensive Guide Rene Glavanovits, Martin Koch, Daniel Krancz, Maximilian Olzinger · Englisch](https://www.sap-press.com/sapui5_6012/) - [SAP Fiori Elements Grundlagen, Entwicklung und Erweiterung Rene Glavanovits, Martin Koch, Daniel Krancz, Maximilian Olzinger · Deutsch · auch auf Englisch](https://www.rheinwerk-verlag.de/sap-fiori-elements/) - [Fullstack-Entwicklung mit SAP Rene Glavanovits, Martin Koch, Daniel Krancz, Maximilian Olzinger · Deutsch · auch auf Englisch](https://www.rheinwerk-verlag.de/fullstack-entwicklung-mit-sap/) - [Git und SAP Versionsverwaltung und Transporte Rene Glavanovits, Martin Koch, Daniel Krancz, Maximilian Olzinger · Deutsch](https://www.rheinwerk-verlag.de/git-und-sap/) - [SAP Business Technology Platform Sicherheit und Berechtigungen Martin Koch, Siegfried Zeilinger · Deutsch · auch auf Englisch](https://www.rheinwerk-verlag.de/sap-business-technology-platform-sicherheit-und-berechtigungen/) - [SAP Business Technology Platform Administration Martin Koch, Siegfried Zeilinger · Deutsch · auch auf Englisch](https://www.rheinwerk-verlag.de/sap-business-technology-platform-administration/) - [SAP Build No-Code Development, Centralized Access, and Process Automation Rene Glavanovits, Gernot Haider, Martin Koch, Daniel Krancz · Englisch](https://www.sap-press.com/sap-build_5772/) - [Apps entwickeln mit SAP Build Apps Das Praxishandbuch Martin Koch, Daniel Krancz · Deutsch](https://www.rheinwerk-verlag.de/apps-entwickeln-mit-sap-build-apps/) - [Cloud Connector für SAP Martin Koch, Siegfried Zeilinger · Deutsch · auch auf Englisch](https://www.rheinwerk-verlag.de/cloud-connector-fuer-sap/) - [SAP Mobile Services Das umfassende Handbuch Gernot Haider, Martin Koch, Daniel Krancz · Deutsch](https://www.rheinwerk-verlag.de/sap-mobile-services-das-umfassende-handbuch/) - [SAP Cloud Integration Cookbook Advanced Cloud Integration with SAP Integration Suite Martin Koch, Thorsten Reisinger, Marc Urschick · Englisch](https://www.sap-press.com/sap-cloud-integration-cookbook_6176/) Buchempfehlung Empfehlung in eigener Sache: Martin Koch, Gründer der CloudDNA, ist Autor oder Co-Autor dieser Bücher. Cover: Rheinwerk Verlag (SAP PRESS). Die Links führen direkt zum Verlag, ohne Tracking. [Alle Bücher nach Thema →](https://fronttailor.com/buecher) Die Familie der Tailors ### Vierzehn Geschwister – jeder für sein Handwerk. Jeder Tailor löst ein Problem, das wir aus der Nähe kennen. Die meisten Geschwister teilen sich die Tailor-Plattform mit EU-Datenhaltung und KI-Schicht. FrontTailor braucht davon nur den Kauf: Die Extension selbst hat keinen Server und arbeitet im Browser neben deiner Fiori-App. - F FrontTailor Entwickler-Tools für SAP Fiori® und UI5 – hier bist du. - [I iFlowTailor Werkbank für SAP Cloud Integration ↗](https://iflowtailor.com) - [A AuthTailor SAML- & OIDC-Tracer im Browser ↗](https://authtailor.com) - [P ProbeTailor Abnahmetests für SAP & Fachsoftware ↗](https://www.probetailor.com) - [J JournalTailor Rechnungseingang vor SAP, BMD & DATEV ↗](https://www.journaltailor.com) - [D DocumentTailor Dokumente & Signatur für SAP-Häuser ↗](https://documenttailor.com) - [R RecordTailor Dokumentenmanagement ↗](https://recordtailor.com) - [I ImmoTailor Hausverwaltung & Projektentwicklung ↗](https://www.immotailor.com) - [T TaxTailor Steuerberatung ↗](https://taxtailor.at) - [D DineTailor Restaurants ↗](https://dinetailor.com) - [S StayTailor Hotellerie ↗](https://staytailor.at) - [M MeetingTailor Tagungen & Events ↗](https://www.meetingtailor.com) - [W Weintailor Winzerinnen und Winzer ↗](https://weintailor.com) - [B BuildTailor Bau & Handwerk ↗](https://buildtailor.com) Kauf abgebrochen – nichts wurde berechnet. Häufige Fragen ### Kurz beantwortet. **Was ist FrontTailor?** FrontTailor ist eine Browser-Extension für Chrome und Edge, die jede laufende SAP-Fiori®- und UI5-App erklärt: Controls und Bindings, Models, OData-Requests mit lesbaren Fehlern, Ladezeit, UI5-2.0-Tauglichkeit, Barrierefreiheit und für den Betrieb Launchpad, Berechtigungen und Transporte. Sie arbeitet lokal im Browser. Anbieter ist die CloudDNA GmbH aus Österreich; FrontTailor ist kein Produkt der SAP SE. **Gibt es einen UI5 Inspector als Chrome-Extension?** Ja. Der Control Inspector von FrontTailor zeigt Control-Baum, Properties, Aggregationen, Bindings und Kontexte einer UI5-App in den Chrome DevTools und im Side-Panel, auch im Launchpad und in iFrames. Mit Alt+Shift+F klickst du ein Feld an; „Kopieren als“ liefert einen Selektor für OPA5, wdi5 oder Playwright. Der Inspector ist in der kostenlosen Community-Edition enthalten. **Wie debugge ich OData-Fehler in einer Fiori-App?** Die OData-Konsole von FrontTailor zeichnet die Requests der App auf, zerlegt $batch in Einzelteile und zeigt den Fehlertext von Gateway, RAP oder CAP lesbar statt als Multipart-Text. Ein Link führt ins Gateway-Fehlerprotokoll /IWFND/ERROR_LOG, ein Klick vom Request zum gebundenen Control. Export als cURL, .http, Postman oder HAR enthält keine Tokens. **Wie prüfe ich, ob meine App für UI5 2.0 bereit ist?** Der UI5-2.0-Readiness-Check von FrontTailor beobachtet die laufende App und meldet APIs, die in UI5 2.x entfallen – etwa sap.ui.getCore(), jQuery.sap, synchrones Laden, veraltete Controls und Themes – jeweils mit Datei, Zeile, Ersatz und Link zur SAP-Dokumentation, dazu einen Score. Er ergänzt den statischen UI5-Linter um das, was erst zur Laufzeit passiert. Der Check ist kostenlos, der Migrationsbericht mit Aufwand ist Pro. **Wie analysiere ich Fehler im Fiori Launchpad, etwa eine fehlende Kachel?** Der Launchpad Inspector zeigt zu einer Kachel App-ID, Semantic Object, Target Mapping, Space, Page und Katalog, ohne die App zu öffnen. Die Berechtigungsdiagnose geht die Prüfkette Launchpad, Katalog, Rolle, Target Mapping, Startberechtigung, Kachel und OData-Service mit einer Ampel je Stufe durch und verlinkt SU53 und das Fehlerprotokoll. Beides ist Teil von Enterprise. **Warum läuft die App auf QA, aber nicht auf PROD?** Der Systemvergleich von FrontTailor nimmt je System einen Snapshot aus Metadaten – App- und UI5-Version, Bibliotheken, Cache-Buster, Flex-Änderungen, $metadata, Manifest, Target Mapping – und zeigt die Unterschiede. Die Release-Prüfung nach dem Transport gibt je System eine Ampel und zu jedem roten Befund den nächsten Schritt. Geschäftsdaten liest er nicht. Teil von Enterprise. **Was kostet FrontTailor?** Community ist kostenlos und braucht kein Konto. Pro kostet 29 € pro Nutzer und Monat, oder 288 € pro Nutzer und Jahr, zzgl. USt. Team kostet 39 € pro Nutzer und Monat, oder 384 € pro Nutzer und Jahr, zzgl. USt. Beides kaufst du direkt auf der Seite Editionen. Enterprise gibt es ab 39 € pro Nutzer und Monat, mindestens 25 Nutzer, oder Jahreslizenz je System, auf Anfrage. Jede neue Installation bekommt 7 Tage lang alle Editionen zum Testen; danach gilt Community, bis du einen Lizenzschlüssel einträgst. **Sieht die CloudDNA meine Daten?** Nein. FrontTailor arbeitet lokal im Browser, hat keine Telemetrie und sendet nichts an die CloudDNA. Nur zwei Funktionen senden überhaupt etwas, und beide erst nach vollständiger Vorschau und deinem Klick: der KI-Assistent direkt an deinen eigenen Anbieter und die Übergabe an dein Ticketsystem. **Kann FrontTailor auf PROD etwas kaputt machen?** Alles, was zur Laufzeit etwas ändert – Properties bearbeiten, Requests wiederholen, Personalisierung zurücksetzen, Fehler simulieren, lokalen Code laden, die UI5-Version tauschen – prüft der Service Worker gegen das Host-Profil und lehnt es auf PROD ab, bevor es die Seite erreicht. Im Zweifel bleibt es gesperrt. Lesen, Messen und Melden geht auf PROD. **Für welche Browser und UI5-Versionen gibt es FrontTailor?** Für Google Chrome und Microsoft Edge ab Version 137. Unterstützt sind SAPUI5 und OpenUI5 von 1.71 bis 2.x, Freestyle-Apps, Fiori Elements V2 und V4, das Launchpad auf ABAP und BTP und eigenständige Apps. Ein Firefox-Build ist vorbereitet, aber noch nicht eingereicht. **Gibt es ein Buch zu SAPUI5 oder SAP Fiori Elements?** Ja, von den Leuten hinter FrontTailor: „SAPUI5 – The Comprehensive Guide“ (Englisch, ISBN 9781493226603) und „SAP Fiori Elements“ (Deutsch, ISBN 9783367113231; Englisch, ISBN 9781493223732) von Rene Glavanovits, Martin Koch, Daniel Krancz und Maximilian Olzinger, erschienen bei SAP PRESS im Rheinwerk Verlag. Alle Titel stehen auf der Seite „Bücher“. Deine Frage ist nicht dabei? Sprich mich an: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Schreib mir](https://fronttailor.com/kontakt) --- # Funktionen: Inspector, OData, Performance, KI · FrontTailor Quelle: https://fronttailor.com/funktionen > Alle Funktionen von FrontTailor nach Bereich: Inspector und Models, OData, Performance, UI5 2.0 und Qualität, KI mit eigenem Schlüssel, Launchpad, Betrieb und Team. Alle Funktionen · Version 1.0.0 ## 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.x, Freestyle, Fiori Elements V2 und V4, Launchpad und eigenständige Apps. Bereiche Inspector & Models – vom Pixel zum Control und zum Wert OData – vom roten Request zur Ursache Performance – vom langsamen Start zur Empfehlung Qualität – UI5 2.0, Bibliotheken, a11y & i18n, Guidelines Testen & melden – Recorder, Scaffolding, Tickets KI – mit deinem eigenen Schlüssel Launchpad & Betrieb – Kachel, Berechtigung, Transport, Morgencheck Team – gemeinsame Standards ohne Server Inspector & Models ### Welches Control steckt hinter diesem Pixel – und woher kommt sein Wert? - Community #### Systemsteckbrief & Badge-Ampel 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. - Community #### Control Inspector 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. - Community #### Model Explorer JSON-, OData-V2/V4-, Resource- und Device-Models als Baum, Snapshot und Diff vorher/nachher, i18n-Lookup mit allen Sprachen. - Community + Team #### Lesezeichen für den App-Zustand Route, Filter, Variante und Tab merken, nach dem Neuladen mit einem Klick zurück zur Fehlerstelle. Team-Lesezeichen in Team. - Community #### Werkzeuge & Entwickler-Komfort Cache-Reset, Debug-Schalter, URL-Vorlagen, „Nur eigenen Code debuggen“ und „Im Editor öffnen“. - Community + Team #### Befehlspalette mit Favoriten Alt+Shift+K öffnet die Suche über alle Befehle, mit Favoriten und den letzten zehn Befehlen. - Community #### App-Sprache umstellen 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. - Community #### Flex-Check & Personalisierungs-Reset Änderungen je Layer sehen, nur den eigenen USER-Layer gezielt zurücksetzen – mit doppelter Bestätigung, auf PROD gesperrt. - Community #### UI5-Version vom SAP-CDN Die App in genau einem Tab mit einer anderen UI5-Version testen, ohne Deployment. Auf PROD gesperrt. Doku: - [Inspector](https://fronttailor.com/doku/inspector) - [Model Explorer](https://fronttailor.com/doku/models) Buchempfehlung Zum Weiterlesen - [SAPUI5 The Comprehensive Guide Controls, Data Binding und Models in SAPUI5 – das, was der Inspector an der laufenden App zeigt. Beim Verlag ansehen ↗](https://www.sap-press.com/sapui5_6012/) Empfehlung in eigener Sache – geschrieben von Martin Koch, Gründer der CloudDNA, mit Co-Autoren. [Alle Bücher ansehen →](https://fronttailor.com/buecher) Brauchst du Hilfe dabei? [Hands-on-Workshops zu SAPUI5, Fiori Elements, OData und CAP →](https://fronttailor.com/leistungen#hands-on) OData ### Warum scheitert dieser Request – und was hat das Backend wirklich gesagt? - Community #### OData-Konsole V2 und V4, $batch in Einzelteile zerlegt, Fehlertext von Gateway, RAP und CAP lesbar, Link ins /IWFND/ERROR_LOG, 76 Header erklärt. - Community #### Export & Replay Als cURL, .http, Postman oder HAR exportieren, ohne Tokens. Replay nach Vorschau, gespeicherte Filter und Sammlungen – auf PROD nur Anzeige. - Community #### Metadata-Explorer Entitäten als Diagramm mit Navigationen, Pfadfinder für $expand, Export als SVG, PNG oder Mermaid. - Community #### Vom Request zum Control Ein Klick vom Request oder der Property zum gebundenen Control in der Seite. - Pro #### Fehlersimulation 500, 403, langsames Backend, leere Liste oder abgelaufener CSRF-Token – ohne Mock-Server, mit Banner in der Seite, auf PROD gesperrt. Doku: - [OData-Konsole](https://fronttailor.com/doku/odata-konsole) - [Fehlersimulation](https://fronttailor.com/doku/fehlersimulation) Buchempfehlung Zum Weiterlesen - [SAPUI5 The Comprehensive Guide Controls, Data Binding und Models in SAPUI5 – das, was der Inspector an der laufenden App zeigt. Beim Verlag ansehen ↗](https://www.sap-press.com/sapui5_6012/) - [Fullstack-Entwicklung mit SAP Vom Backend-Service bis zur Fiori-Oberfläche – der Weg, den ein OData-Request durch alle Schichten nimmt. Beim Verlag ansehen ↗](https://www.rheinwerk-verlag.de/fullstack-entwicklung-mit-sap/) Empfehlung in eigener Sache – geschrieben von Martin Koch, Gründer der CloudDNA, mit Co-Autoren. [Alle Bücher ansehen →](https://fronttailor.com/buecher) Brauchst du Hilfe dabei? [Fiori-, UI5- und CAP-Apps nach Maß →](https://fronttailor.com/leistungen#apps) Performance ### Warum braucht die App acht Sekunden – und seit wann? - Pro #### Performance-Profiler Startzeit, Requests, Bundles, Preload, async, Theme-Cache, langsame OData-Calls und Long Tasks – mit Ampel und konkreter Empfehlung. - Pro + Team #### Performance-Budgets Grenzwerte je App für sieben Kennzahlen, Urteil oben im Bericht, Verlauf über Versionen, Export als JSON. Team-Budgets in Team. - Community #### Deployment-Prüfung & Cache-Buster Läuft im Browser die Version, die deployt ist? Veraltete ~token~-Pfade, Urteil und Reset mit einem Klick. Doku: - [Performance](https://fronttailor.com/doku/performance) Buchempfehlung Zum Weiterlesen - [SAPUI5 The Comprehensive Guide Controls, Data Binding und Models in SAPUI5 – das, was der Inspector an der laufenden App zeigt. Beim Verlag ansehen ↗](https://www.sap-press.com/sapui5_6012/) Empfehlung in eigener Sache – geschrieben von Martin Koch, Gründer der CloudDNA, mit Co-Autoren. [Alle Bücher ansehen →](https://fronttailor.com/buecher) Brauchst du Hilfe dabei? [Fiori-Performance-Review →](https://fronttailor.com/leistungen#performance) 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 %. 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 Fundstelle](https://fronttailor.com/fundstellen#fs-p-overhead) Qualität: UI5 2.0, Bibliotheken, a11y & i18n, Guidelines ### Was muss die App bis UI5 2.0 ändern – und was findet der Review sonst? - Community + Pro #### UI5-2.0-Readiness-Check Synchrones Laden, sap.ui.getCore(), jQuery.sap, veraltete Controls und Themes – mit Datei, Zeile, Ersatz und Score. Migrationsbericht mit Aufwand in Pro. - Community + Pro #### Bibliotheksanalyse Geladene Bibliotheken gegen das Manifest, nicht deklarierte Controls, Netzwerksicht und ein kopierbarer Vorschlag für sap.ui5/dependencies. Export in Pro. - Pro #### i18n- & Barrierefreiheitsprüfung Fehlende Schlüssel und Übersetzungen, feste Texte, Controls ohne Label, Kontrast nach WCAG 2.2 – mit Sprung in den Inspector. - Pro #### Fiori-Design-Guidelines-Validator Floorplan erkannt, 32 Regeln, Score je Kategorie, Verbesserung mit Beispiel und Dos & Don’ts. - Pro #### Annotation Explorer Welche Annotation steuert dieses Feld in Fiori Elements – und aus welcher Quelle? Dazu Manifest-Viewer und Draft-/ETag-Inspektor. Doku: - [UI5 2.0](https://fronttailor.com/doku/ui5-2-readiness) - [Bibliotheken](https://fronttailor.com/doku/bibliotheken) - [Qualität: i18n & Barrierefreiheit](https://fronttailor.com/doku/i18n-und-barrierefreiheit) - [Fiori Guidelines](https://fronttailor.com/doku/fiori-guidelines) Buchempfehlung Zum Weiterlesen - [SAP Fiori Elements Grundlagen, Entwicklung und Erweiterung Wie Annotationen List Report und Object Page bauen und wie man sie erweitert. Beim Verlag ansehen ↗](https://www.rheinwerk-verlag.de/sap-fiori-elements/) - [SAPUI5 The Comprehensive Guide Controls, Data Binding und Models in SAPUI5 – das, was der Inspector an der laufenden App zeigt. Beim Verlag ansehen ↗](https://www.sap-press.com/sapui5_6012/) Empfehlung in eigener Sache – geschrieben von Martin Koch, Gründer der CloudDNA, mit Co-Autoren. [Alle Bücher ansehen →](https://fronttailor.com/buecher) Brauchst du Hilfe dabei? [UI5 2.0: Readiness und Migration →](https://fronttailor.com/leistungen#ui5-2) Testen & melden ### Wie wird aus einem Fehler ein Test – oder ein Ticket, das ohne Rückfrage lösbar ist? - Community #### Gemeinsamer Recorder Einmal aufzeichnen, mehrfach nutzen: als Schritte im Bericht, als Journey oder als synthetischer Check. Eingaben standardmäßig nicht aufgezeichnet. - Pro #### Scaffolding & Snippets Page Objects für OPA5, wdi5 und Playwright, QUnit-Gerüst und Mockdaten aus der laufenden App. - Pro #### Lokaler Code im echten Launchpad Den lokalen Stand mit echter Kachel, echten Rollen und echten Daten testen, ohne Deployment. Auf PROD gesperrt. - Pro #### Problem melden Screenshot mit Markierungen, Klickpfad, fehlgeschlagene Requests und Systemsteckbrief – maskiert, mit Vorschau. - Pro + Enterprise #### Tickets & SAP-Incident Jira, GitHub, GitLab und Azure DevOps in Pro, ServiceNow in Enterprise. Dazu ein vorbereiteter SAP-Incident mit Komponente und Request-IDs. - Community + Team #### Bekannte Fehler Die Lösung für den Fehler, der jede Woche wiederkommt, direkt am Fehler. Für das ganze Team in Team. Doku: - [Scaffolding & Recorder](https://fronttailor.com/doku/scaffolding-und-recorder) - [Annotationen](https://fronttailor.com/doku/annotationen) - [Lokaler Code](https://fronttailor.com/doku/lokaler-code) - [Werkzeuge](https://fronttailor.com/doku/werkzeuge) Buchempfehlung Zum Weiterlesen - [SAP Fiori Elements Grundlagen, Entwicklung und Erweiterung Wie Annotationen List Report und Object Page bauen und wie man sie erweitert. Beim Verlag ansehen ↗](https://www.rheinwerk-verlag.de/sap-fiori-elements/) - [Fullstack-Entwicklung mit SAP Vom Backend-Service bis zur Fiori-Oberfläche – der Weg, den ein OData-Request durch alle Schichten nimmt. Beim Verlag ansehen ↗](https://www.rheinwerk-verlag.de/fullstack-entwicklung-mit-sap/) - [Git und SAP Versionsverwaltung und Transporte Versionsverwaltung und Transporte mit Git – der Hintergrund zu lokalem Code und Release-Prüfung. Beim Verlag ansehen ↗](https://www.rheinwerk-verlag.de/git-und-sap/) Empfehlung in eigener Sache – geschrieben von Martin Koch, Gründer der CloudDNA, mit Co-Autoren. [Alle Bücher ansehen →](https://fronttailor.com/buecher) Brauchst du Hilfe dabei? [Erweiterungen von Fiori-Elements-Apps →](https://fronttailor.com/leistungen#erweiterung) KI mit eigenem Schlüssel ### Was bedeutet dieser Inner-Error – und wie sieht der wdi5-Test dafür aus? - Pro #### KI-Assistent (BYOK) 35 Use Cases mit dem Kontext der Seite: Fehler erklären, Code-Review der laufenden App, Performance-Tipps, wdi5-Tests, Annotationen, Übersetzungen, Ticket-Texte. - Pro #### Ihr Anbieter, Ihr Schlüssel 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. - Pro #### Vorschau & Maskierung Jede Anfrage erst nach vollständiger Vorschau und Klick; E-Mail, Telefon, IBAN und lange Ziffern maskiert. Per Richtlinie erzwingbar oder abschaltbar. Doku: - [KI-Assistent](https://fronttailor.com/doku/ki) Brauchst du Hilfe dabei? [TailorCampus D6: KI im SAP-Umfeld →](https://fronttailor.com/leistungen#ki-sap) Launchpad & Betrieb ### Warum fehlt die Kachel – und warum läuft es auf QA, aber nicht auf PROD? - Enterprise #### Launchpad Inspector Kachel anklicken: App-ID, Semantic Object, Target Mapping, Space, Page, Katalog und Plugins – ohne die App zu öffnen. - Enterprise #### Berechtigungsdiagnose 401/403 lesbar mit Berechtigungsobjekt, Prüfkette für „Kachel fehlt“ mit Ampel je Stufe, Links in SU53 und das Fehlerprotokoll. - Enterprise #### Systemvergleich DEV/QA/PROD Snapshots aus Metadaten je System und ein Diff – ohne Geschäftsdaten, ohne Crawlen im Hintergrund. - Enterprise #### Release-Prüfung nach Transport Ampel je System für Version, Cache-Buster, Preload und App-Index – und zu jedem roten Befund der nächste Schritt. - Enterprise #### Morgencheck Die wichtigsten Apps auf Klick nacheinander öffnen, Ampel je App, Vergleich zum letzten Lauf. Kein Monitoring im Hintergrund. - Enterprise #### Health & synthetischer Check Latenz, Fehlerrate und Sitzungsrestzeit aus dem OData-Protokoll; aufgezeichnete Klickfolgen als Check abspielen, auf PROD gesperrt. - Enterprise #### Absprung ins Backend Vom fehlgeschlagenen Request direkt zu /IWFND/ERROR_LOG, ST22, SU53 und Co. desselben Systems; Hinweise für CAP und BTP. - Enterprise #### Backend-Service & Rollen-Simulator (optional) Nur lesendes ABAP-Add-on für die Stufen Rolle und Startberechtigung. Noch nicht auf einem echten SAP-System getestet. Doku: - [Launchpad Inspector](https://fronttailor.com/doku/launchpad-inspector) - [Health und Morgencheck](https://fronttailor.com/doku/health-und-morgencheck) - [Rollen und Berechtigungen](https://fronttailor.com/doku/rollen-und-berechtigungen) - [Systemvergleich](https://fronttailor.com/doku/systemvergleich) - [Release-Prüfung](https://fronttailor.com/doku/release-pruefung) - [Absprung ins Backend](https://fronttailor.com/doku/backend-absprung) Buchempfehlung Zum Weiterlesen - [SAP Business Technology Platform Sicherheit und Berechtigungen Identitäten, Rollen und Vertrauensstellungen auf der SAP BTP – Grundlage jeder Berechtigungsdiagnose. Beim Verlag ansehen ↗](https://www.rheinwerk-verlag.de/sap-business-technology-platform-sicherheit-und-berechtigungen/) - [SAP Business Technology Platform Administration Accounts, Subaccounts und Betrieb der SAP BTP – für alle, die Fiori-Apps nicht nur bauen, sondern betreiben. Beim Verlag ansehen ↗](https://www.rheinwerk-verlag.de/sap-business-technology-platform-administration/) - [Git und SAP Versionsverwaltung und Transporte Versionsverwaltung und Transporte mit Git – der Hintergrund zu lokalem Code und Release-Prüfung. Beim Verlag ansehen ↗](https://www.rheinwerk-verlag.de/git-und-sap/) Empfehlung in eigener Sache – geschrieben von Martin Koch, Gründer der CloudDNA, mit Co-Autoren. [Alle Bücher ansehen →](https://fronttailor.com/buecher) Brauchst du Hilfe dabei? [Launchpad, Rollen und Berechtigungen →](https://fronttailor.com/leistungen#launchpad) Team ### Wie bekommt das ganze Team dieselben Profile, Filter und Lösungen – ohne Server? - Team #### Team-Sync Team-Pakete mit Host-Profilen, URL-Profilen, OData-Filtern, Replays, Snippets, PII-Regeln, Favoriten, Budgets und bekannten Fehlern – per Datei oder HTTPS. - Team #### Diff vor jeder Übernahme Nichts wird still übernommen. Änderungen, die den PROD-Schutz aufheben würden, sind nie vorausgewählt. Optional mit Ed25519 signiert. - Enterprise #### Admin-Richtlinien & Sideload Erlaubte Hosts, PROD-Hosts, Module, KI-Endpunkt, Lizenz und Team-Pakete zentral vorgeben – per Gruppenrichtlinie, Intune oder Jamf. Doku: - [Team-Sync](https://fronttailor.com/doku/team-sync) - [Team-Pakete](https://fronttailor.com/doku/team-pakete) Brauchst du Hilfe dabei? [FrontTailor-Onboarding für euer Team →](https://fronttailor.com/leistungen#onboarding) Welche Edition? ### 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](https://fronttailor.com/editionen#vergleich) steht alles in einer Tabelle. [Editionen und Preise](https://fronttailor.com/editionen) [Community kostenlos installieren](https://fronttailor.com/#installieren) Kauf abgebrochen – nichts wurde berechnet. Häufige Fragen ### 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](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Schreib mir](https://fronttailor.com/kontakt) --- # Editionen und Preise · FrontTailor Quelle: https://fronttailor.com/editionen > Community kostenlos, Pro und Team direkt online kaufen, Enterprise auf Anfrage: was jede Edition von FrontTailor kann, mit Preisen, Vergleich und Videos. Editionen und Preise · Version 1.0.0 ## Kostenlos anfangen. Bezahlen, wenn es Zeit spart. Vier Editionen, jede enthält die darunter. Community ist kostenlos und bleibt es. Pro und Team kaufst du direkt hier, für dich oder dein Team. Enterprise ist für Betrieb und Konzern-IT und kommt mit einem Angebot. Alle Preise netto zuzüglich USt. 7 Tage testen Jede neue Installation bekommt 7 Tage lang alle Editionen, ohne Schlüssel. Danach gilt Community, bis du einen Lizenzschlüssel einträgst. Community #### Kostenlos. Für jede Entwicklerin und jeden Entwickler. 0 € für immer, ohne Konto Für: Einzelne Entwickler, Key-User und alle, die UI5 verstehen wollen - Control Inspector mit Pick-Modus und „Kopieren als“ - Model Explorer mit Snapshot, Diff und i18n-Lookup - OData-Konsole: $batch zerlegt, Fehler lesbar, Export - Cache-Reset, Debug-Schalter, Befehlspalette, Lesezeichen - UI5-2.0-Readiness-Check und Bibliotheksanalyse - Eigene bekannte Fehler mit Lösung am Fehler [Kostenlos installieren](https://fronttailor.com/#installieren) Video zu dieser Edition ↓ Pro Am häufigsten gewählt #### Für alle, die Fiori-Apps liefern. 29 € pro Nutzer und Monat, oder 288 € pro Nutzer und Jahr, zzgl. USt. Für: Freelancer, Entwicklerinnen und Entwickler in Projekten, Beratungshäuser - Alles aus Community - Performance-Profiler mit Ampel und Budgets je App - i18n- und Barrierefreiheitsprüfung, Guidelines-Validator - KI-Assistent mit eigenem Schlüssel - Problem melden, Tickets, SAP-Incident vorbereiten - Scaffolding, Fehlersimulation, lokaler Code im Launchpad - Annotation Explorer und UI5-2.0-Migrationsbericht [Kaufen: Pro](https://fronttailor.com/kontakt?thema=Pro) Video zu dieser Edition ↓ Team Alles aus Pro, plus #### Alles aus Pro, plus gemeinsame Standards. 39 € pro Nutzer und Monat, oder 384 € pro Nutzer und Jahr, zzgl. USt. Für: Entwicklungsteams und Beratungshäuser mit gemeinsamen Standards - Alles aus Pro - Team-Sync ohne Server: Team-Pakete per Datei oder HTTPS - Profile, Snippets, Filter, Replays, Budgets und Lesezeichen fürs Team - Bekannte Fehler mit Lösung für alle - Diff vor jeder Übernahme, optional signiert [Kaufen: Team](https://fronttailor.com/kontakt?thema=Team) Video zu dieser Edition ↓ Enterprise Alles aus Team, plus #### Alles aus Team, plus Betrieb und Konzern-IT. ab 39 € pro Nutzer und Monat, mindestens 25 Nutzer, oder Jahreslizenz je System Für: Basis- und Betriebsteams, große SAP-Kunden, Hosting-Partner - Alles aus Team - Launchpad Inspector und Berechtigungsdiagnose - Systemvergleich DEV/QA/PROD, Release-Prüfung nach Transport - Morgencheck, Health und synthetischer Check - Absprung ins Backend, ServiceNow, optionaler Backend-Service - Admin-Richtlinien, Sideload, SSO, Support-SLA [Angebot anfragen](https://fronttailor.com/kontakt?thema=Enterprise) Video zu dieser Edition ↓ Enterprise mit Einführung ### Nicht nur die Lizenz: das Team, das FrontTailor baut. Zu Enterprise bekommt ihr auf Wunsch das [Onboarding für euer Team](https://fronttailor.com/leistungen#onboarding), die [Einrichtung von Team-Paketen, Richtlinien und Sideload](https://fronttailor.com/leistungen#anpassung) und [Beratung](https://fronttailor.com/leistungen#beratung) zu Launchpad, Berechtigungen und Transporten – von der CloudDNA. Was das kostet, steht im Enterprise-Angebot. [Enterprise anfragen](https://fronttailor.com/kontakt?thema=Enterprise) [Alle Leistungen →](https://fronttailor.com/leistungen) Im Vergleich ### Jede Funktion, jede Edition. Ein Punkt heißt enthalten, ein halber Punkt: Die Grundfunktion ist da, eine Erweiterung kommt in einer höheren Edition. Gesperrte Module bleiben in der Extension mit Schloss sichtbar. Ein Klick auf eine Funktion führt zu ihrer Beschreibung. ● enthalten · ◐ Grundfunktion, Erweiterung in höherer Edition · – nicht enthalten. Alle Preise netto zuzüglich USt. Funktion | Community | Pro | Team | Enterprise [Inspector & Models](https://fronttailor.com/funktionen#inspector) Systemsteckbrief & Badge-Ampel | ● enthalten | ● enthalten | ● enthalten | ● enthalten Control Inspector | ● enthalten | ● enthalten | ● enthalten | ● enthalten Model Explorer | ● enthalten | ● enthalten | ● enthalten | ● enthalten Lesezeichen für den App-Zustand | Grundfunktion; Erweiterung ab Team | Grundfunktion; Erweiterung ab Team | ● enthalten | ● enthalten Werkzeuge & Entwickler-Komfort | ● enthalten | ● enthalten | ● enthalten | ● enthalten Befehlspalette mit Favoriten | Grundfunktion; Erweiterung ab Team | Grundfunktion; Erweiterung ab Team | ● enthalten | ● enthalten App-Sprache umstellen | ● enthalten | ● enthalten | ● enthalten | ● enthalten Flex-Check & Personalisierungs-Reset | ● enthalten | ● enthalten | ● enthalten | ● enthalten UI5-Version vom SAP-CDN | ● enthalten | ● enthalten | ● enthalten | ● enthalten [OData](https://fronttailor.com/funktionen#odata) OData-Konsole | ● enthalten | ● enthalten | ● enthalten | ● enthalten Export & Replay | ● enthalten | ● enthalten | ● enthalten | ● enthalten Metadata-Explorer | ● enthalten | ● enthalten | ● enthalten | ● enthalten Vom Request zum Control | ● enthalten | ● enthalten | ● enthalten | ● enthalten Fehlersimulation | – nicht enthalten | ● enthalten | ● enthalten | ● enthalten [Performance](https://fronttailor.com/funktionen#performance) Performance-Profiler | – nicht enthalten | ● enthalten | ● enthalten | ● enthalten Performance-Budgets | – nicht enthalten | Grundfunktion; Erweiterung ab Team | ● enthalten | ● enthalten Deployment-Prüfung & Cache-Buster | ● enthalten | ● enthalten | ● enthalten | ● enthalten [Qualität: UI5 2.0, Bibliotheken, a11y & i18n, Guidelines](https://fronttailor.com/funktionen#qualitaet) UI5-2.0-Readiness-Check | Grundfunktion; Erweiterung ab Pro | ● enthalten | ● enthalten | ● enthalten Bibliotheksanalyse | Grundfunktion; Erweiterung ab Pro | ● enthalten | ● enthalten | ● enthalten i18n- & Barrierefreiheitsprüfung | – nicht enthalten | ● enthalten | ● enthalten | ● enthalten Fiori-Design-Guidelines-Validator | – nicht enthalten | ● enthalten | ● enthalten | ● enthalten Annotation Explorer | – nicht enthalten | ● enthalten | ● enthalten | ● enthalten [Testen & melden](https://fronttailor.com/funktionen#entwickeln) Gemeinsamer Recorder | ● enthalten | ● enthalten | ● enthalten | ● enthalten Scaffolding & Snippets | – nicht enthalten | ● enthalten | ● enthalten | ● enthalten Lokaler Code im echten Launchpad | – nicht enthalten | ● enthalten | ● enthalten | ● enthalten Problem melden | – nicht enthalten | ● enthalten | ● enthalten | ● enthalten Tickets & SAP-Incident | – nicht enthalten | Grundfunktion; Erweiterung ab Enterprise | Grundfunktion; Erweiterung ab Enterprise | ● enthalten Bekannte Fehler | Grundfunktion; Erweiterung ab Team | Grundfunktion; Erweiterung ab Team | ● enthalten | ● enthalten [KI mit eigenem Schlüssel](https://fronttailor.com/funktionen#ki) KI-Assistent (BYOK) | – nicht enthalten | ● enthalten | ● enthalten | ● enthalten Ihr Anbieter, Ihr Schlüssel | – nicht enthalten | ● enthalten | ● enthalten | ● enthalten Vorschau & Maskierung | – nicht enthalten | ● enthalten | ● enthalten | ● enthalten [Launchpad & Betrieb](https://fronttailor.com/funktionen#betrieb) Launchpad Inspector | – nicht enthalten | – nicht enthalten | – nicht enthalten | ● enthalten Berechtigungsdiagnose | – nicht enthalten | – nicht enthalten | – nicht enthalten | ● enthalten Systemvergleich DEV/QA/PROD | – nicht enthalten | – nicht enthalten | – nicht enthalten | ● enthalten Release-Prüfung nach Transport | – nicht enthalten | – nicht enthalten | – nicht enthalten | ● enthalten Morgencheck | – nicht enthalten | – nicht enthalten | – nicht enthalten | ● enthalten Health & synthetischer Check | – nicht enthalten | – nicht enthalten | – nicht enthalten | ● enthalten Absprung ins Backend | – nicht enthalten | – nicht enthalten | – nicht enthalten | ● enthalten Backend-Service & Rollen-Simulator (optional) | – nicht enthalten | – nicht enthalten | – nicht enthalten | ● enthalten [Team](https://fronttailor.com/funktionen#team) Team-Sync | – nicht enthalten | – nicht enthalten | ● enthalten | ● enthalten Diff vor jeder Übernahme | – nicht enthalten | – nicht enthalten | ● enthalten | ● enthalten Admin-Richtlinien & Sideload | – nicht enthalten | – nicht enthalten | – nicht enthalten | ● enthalten Preis | 0 € | 29 € pro Nutzer und Monat, oder 288 € pro Nutzer und Jahr, zzgl. USt. | 39 € pro Nutzer und Monat, oder 384 € pro Nutzer und Jahr, zzgl. USt. | ab 39 € pro Nutzer und Monat, mindestens 25 Nutzer, oder Jahreslizenz je System Kaufen | [Kostenlos installieren](https://fronttailor.com/#installieren) | [Kaufen: Pro](https://fronttailor.com/kontakt?thema=Pro) | [Kaufen: Team](https://fronttailor.com/kontakt?thema=Team) | [Angebot anfragen](https://fronttailor.com/kontakt?thema=Enterprise) Im Detail ### Was jede Funktion tut – Edition für Edition. Zu jeder Funktion: welches Problem sie löst, wie man sie typischerweise nutzt, wo sie im Panel steht und welche Doku-Seite sie Schritt für Schritt erklärt. Jede Edition enthält alles aus den Editionen davor. Community 18 FunktionenPro 13 FunktionenTeam 2 FunktionenEnterprise 9 Funktionen #### Community Kostenlos. Für jede Entwicklerin und jeden Entwickler. - Inspector & Models ##### Systemsteckbrief & Badge-Ampel Beantwortet beim Öffnen des Panels die ersten Fragen jedes Supportfalls – welche UI5-Version, welches System, welche Datenquellen –, ohne Konsole und ohne Rückfrage. Die Farbe am Symbol warnt, sobald du auf einem PROD-System arbeitest. 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. Im Panel: Übersicht[Doku: Übersicht & Systemsteckbrief →](https://fronttailor.com/doku/uebersicht) - Inspector & Models ##### Control Inspector Zeigt zu jedem Pixel der laufenden App das Control dahinter, mit Properties, Bindings und Kontext. Typisch: ein Feld anklicken, nachsehen, woher sein Wert kommt, und einen stabilen Selektor für den Test kopieren. 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. Im Panel: Inspector › Control wählen[Doku: Inspector →](https://fronttailor.com/doku/inspector) - Inspector & Models ##### Model Explorer Zeigt, welche Daten wirklich in den Models der App stehen, statt sie im Debugger zu suchen. Typisch: Snapshot nehmen, eine Aktion ausführen und vergleichen, was sich geändert hat – oder nachsehen, warum ein Text in einer Sprache fehlt. JSON-, OData-V2/V4-, Resource- und Device-Models als Baum, Snapshot und Diff vorher/nachher, i18n-Lookup mit allen Sprachen. Im Panel: Models[Doku: Model Explorer →](https://fronttailor.com/doku/models) - Inspector & Models ##### Lesezeichen für den App-Zustand Erspart nach jedem Neuladen das Durchklicken bis zur Fehlerstelle. Ein Lesezeichen merkt sich mehr als der Browser-Favorit: auch Filterwerte, Variante und den gewählten Abschnitt. Route, Filter, Variante und Tab merken, nach dem Neuladen mit einem Klick zurück zur Fehlerstelle. Team-Lesezeichen in Team. Team Team-Lesezeichen: Lesezeichen kommen per Team-Paket zu allen im Team. Im Panel: Übersicht › Lesezeichen[Doku: Lesezeichen für den App-Zustand →](https://fronttailor.com/doku/lesezeichen) - Inspector & Models ##### Werkzeuge & Entwickler-Komfort Bündelt die Handgriffe, die UI5-Entwickler jeden Tag Zeit kosten: Caches leeren, Debug-Parameter setzen, nur den eigenen Code lesbar debuggen und vom Control in die Quelldatei springen. Cache-Reset, Debug-Schalter, URL-Vorlagen, „Nur eigenen Code debuggen“ und „Im Editor öffnen“. Im Panel: Werkzeuge[Doku: Werkzeuge →](https://fronttailor.com/doku/werkzeuge) - Inspector & Models ##### Befehlspalette mit Favoriten Führt Befehle per Tastatur aus, ohne erst den passenden Tab zu suchen. Häufig gebrauchte Befehle bleiben als Favoriten oben. Alt+Shift+K öffnet die Suche über alle Befehle, mit Favoriten und den letzten zehn Befehlen. Team Favoriten der Palette kommen per Team-Paket zu allen im Team. Im Panel: Werkzeuge › Befehlspalette[Doku: Befehlspalette →](https://fronttailor.com/doku/command-palette) - Inspector & Models ##### App-Sprache umstellen Testet die i18n-Texte der App in einer anderen Sprache, ohne Anmeldesprache oder URL von Hand zu ändern. Typisch: prüfen, ob ein Text in einer Sprache fehlt oder das Layout bei Schrift von rechts nach links bricht. 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. Im Panel: Werkzeuge › Sprache[Doku: Werkzeuge →](https://fronttailor.com/doku/werkzeuge) - Inspector & Models ##### Flex-Check & Personalisierungs-Reset Klärt im Betrieb, ob ein Verhalten aus der Personalisierung, einer Key-User-Anpassung oder der App selbst kommt. Typisch: die eigene Personalisierung loswerden, ohne die Adaptationen der Key-User anzufassen. Änderungen je Layer sehen, nur den eigenen USER-Layer gezielt zurücksetzen – mit doppelter Bestätigung, auf PROD gesperrt. Im Panel: Werkzeuge › Flex & Adaptionen[Doku: Werkzeuge →](https://fronttailor.com/doku/werkzeuge) - Inspector & Models ##### UI5-Version vom SAP-CDN Zeigt vor einem Upgrade, ob die App mit einer anderen UI5-Version läuft – ohne Deployment und ohne den Code der App zu ändern. Die Umleitung gilt nur für die UI5-Dateien und endet mit dem Tab. Die App in genau einem Tab mit einer anderen UI5-Version testen, ohne Deployment. Auf PROD gesperrt. Im Panel: Werkzeuge › UI5-Version (CDN) [Doku: Werkzeuge →](https://fronttailor.com/doku/werkzeuge) - OData ##### OData-Konsole Zeigt jeden OData-Request der App mit Header, Body und Timing und macht die Fehlermeldung des Backends lesbar. Typisch: herausfinden, welcher Teil eines $batch gescheitert ist und warum. V2 und V4, $batch in Einzelteile zerlegt, Fehlertext von Gateway, RAP und CAP lesbar, Link ins /IWFND/ERROR_LOG, 76 Header erklärt. Im Panel: OData[Doku: OData-Konsole →](https://fronttailor.com/doku/odata-konsole) - OData ##### Export & Replay Gibt einen Request so weiter, dass Kollegen oder das Backend-Team ihn nachstellen können, oder schickt ihn bearbeitet noch einmal ab. Typisch: den fehlerhaften Request als cURL ins Ticket kopieren oder mit geändertem Filter erneut senden. Als cURL, .http, Postman oder HAR exportieren, ohne Tokens. Replay nach Vorschau, gespeicherte Filter und Sammlungen – auf PROD nur Anzeige. Im Panel: OData › Export · Bearbeiten und erneut senden[Doku: OData-Konsole →](https://fronttailor.com/doku/odata-konsole) - OData ##### Metadata-Explorer Macht große Services als Bild verständlich statt als XML. Typisch: herausfinden, über welche Navigationen du von der Position zum Text des Status kommst, und den Pfad für $expand übernehmen. Entitäten als Diagramm mit Navigationen, Pfadfinder für $expand, Export als SVG, PNG oder Mermaid. Im Panel: OData › Metadaten[Doku: OData-Konsole →](https://fronttailor.com/doku/odata-konsole) - OData ##### Vom Request zum Control Verbindet Daten und Oberfläche: Welches Control der Seite zeigt den Wert dieses Requests oder dieser Property? Typisch: von einer auffälligen Antwort direkt zum betroffenen Feld. Ein Klick vom Request oder der Property zum gebundenen Control in der Seite. Im Panel: OData › Controls[Doku: OData-Konsole →](https://fronttailor.com/doku/odata-konsole) - Performance ##### Deployment-Prüfung & Cache-Buster Beantwortet für das aktuelle System die Frage „Warum sehen Nutzer noch die alte Version?“. Typisch: nach einem Deployment prüfen, ob Browser und Server dieselbe Version haben, und veraltete Caches mit einem Klick leeren. Läuft im Browser die Version, die deployt ist? Veraltete ~token~-Pfade, Urteil und Reset mit einem Klick. Im Panel: Werkzeuge › Deployment · Cache-Buster[Doku: Werkzeuge →](https://fronttailor.com/doku/werkzeuge) - Qualität: UI5 2.0, Bibliotheken, a11y & i18n, Guidelines ##### UI5-2.0-Readiness-Check Zeigt, was die eigene App bis UI5 2.0 ändern muss – gemessen zur Laufzeit, also auch dynamische Aufrufe, die ein statischer Linter nicht sieht. Typisch: die Blocker einer App nach Datei und Zeile abarbeiten. Synchrones Laden, sap.ui.getCore(), jQuery.sap, veraltete Controls und Themes – mit Datei, Zeile, Ersatz und Score. Migrationsbericht mit Aufwand in Pro. Pro Migrationsbericht als Markdown oder CSV, mit Aufwand und Vergleich zum vorigen Lauf. Im Panel: UI5 2.0[Doku: UI5 2.0 →](https://fronttailor.com/doku/ui5-2-readiness) - Qualität: UI5 2.0, Bibliotheken, a11y & i18n, Guidelines ##### Bibliotheksanalyse Findet Bibliotheken, die die App nutzt, aber nicht im Manifest nennt – sie funktionieren oft nur, weil eine andere Bibliothek sie mitbringt. Typisch: den Vorschlag für sap.ui5/dependencies kopieren und ins Manifest übernehmen. Geladene Bibliotheken gegen das Manifest, nicht deklarierte Controls, Netzwerksicht und ein kopierbarer Vorschlag für sap.ui5/dependencies. Export in Pro. Pro Export der Analyse über alle Apps der Sitzung als Markdown oder CSV. Im Panel: Bibliotheken[Doku: Bibliotheken →](https://fronttailor.com/doku/bibliotheken) - Testen & melden ##### Gemeinsamer Recorder Einmal durch die App klicken statt dreimal: Dieselbe Aufzeichnung dient als Schritte im Fehlerbericht, als Journey-Test oder als synthetischer Check. Welche Verwendung offen ist, richtet sich nach der Edition des jeweiligen Moduls. Einmal aufzeichnen, mehrfach nutzen: als Schritte im Bericht, als Journey oder als synthetischer Check. Eingaben standardmäßig nicht aufgezeichnet. Im Panel: Aufzeichnung › Aufzeichnen[Doku: Scaffolding & Recorder →](https://fronttailor.com/doku/scaffolding-und-recorder) - Testen & melden ##### Bekannte Fehler Bringt die Lösung dorthin, wo der Fehler sichtbar wird: in OData-Konsole, UI5-Log, Health, Berechtigungsdiagnose und Fehlerbericht. Typisch: eine wiederkehrende Meldung einmal mit Lösung erfassen, statt sie jede Woche im Wiki zu suchen. Die Lösung für den Fehler, der jede Woche wiederkommt, direkt am Fehler. Für das ganze Team in Team. Team Bekannte Fehler kommen per Team-Paket zum ganzen Team. Im Panel: Bekannte Fehler[Doku: Bekannte Fehler →](https://fronttailor.com/doku/bekannte-fehler) #### Pro Für alle, die Fiori-Apps liefern. - OData ##### Fehlersimulation Macht testbar, wie die App mit Fehlern des Backends umgeht, die auf dem Entwicklungssystem selten und nie auf Knopfdruck auftreten. Typisch: prüfen, ob die App bei 403 oder einer leeren Liste eine verständliche Meldung zeigt. 500, 403, langsames Backend, leere Liste oder abgelaufener CSRF-Token – ohne Mock-Server, mit Banner in der Seite, auf PROD gesperrt. Im Panel: Fehlersimulation[Doku: Fehlersimulation →](https://fronttailor.com/doku/fehlersimulation) - Performance ##### Performance-Profiler Misst Ladezeit und Rendering einer UI5-App und bewertet sie gegen Fiori-Best-Practices. Typisch: herausfinden, warum der Start so lange dauert, und mit der konkreten Empfehlung anfangen. Startzeit, Requests, Bundles, Preload, async, Theme-Cache, langsame OData-Calls und Long Tasks – mit Ampel und konkreter Empfehlung. Im Panel: Performance › Messung starten[Doku: Performance →](https://fronttailor.com/doku/performance) - Performance ##### Performance-Budgets Fällt auf, wenn eine App von Release zu Release langsamer wird – bevor sich die Anwender beschweren. Jede Messung wird gegen das Ziel der App geprüft und im Verlauf über Versionen abgelegt. Grenzwerte je App für sieben Kennzahlen, Urteil oben im Bericht, Verlauf über Versionen, Export als JSON. Team-Budgets in Team. Team Team-Budgets: Budgets kommen per Team-Paket zu allen im Team. Im Panel: Performance › Performance-Budget[Doku: Performance →](https://fronttailor.com/doku/performance) - Qualität: UI5 2.0, Bibliotheken, a11y & i18n, Guidelines ##### i18n- & Barrierefreiheitsprüfung Findet vor Review und Abnahme, woran Fiori-Apps dort oft auffallen: fehlende Übersetzungen, feste Texte, Icon-Buttons ohne Namen, zu schwache Kontraste – mit Bezug auf Resource Bundles und Sprachen der App. Fehlende Schlüssel und Übersetzungen, feste Texte, Controls ohne Label, Kontrast nach WCAG 2.2 – mit Sprung in den Inspector. Im Panel: Qualität[Doku: Qualität: i18n & Barrierefreiheit →](https://fronttailor.com/doku/i18n-und-barrierefreiheit) - Qualität: UI5 2.0, Bibliotheken, a11y & i18n, Guidelines ##### Fiori-Design-Guidelines-Validator Nimmt dem Design-Review von Hand einen Teil ab: Stehen die abschließenden Aktionen in der Fußzeile, gibt es nur eine hervorgehobene Aktion, zeigt die Tabelle die Anzahl? Gelesen aus dem Control-Baum der laufenden App. Floorplan erkannt, 32 Regeln, Score je Kategorie, Verbesserung mit Beispiel und Dos & Don’ts. Im Panel: Fiori Guidelines[Doku: Fiori Guidelines →](https://fronttailor.com/doku/fiori-guidelines) - Qualität: UI5 2.0, Bibliotheken, a11y & i18n, Guidelines ##### Annotation Explorer Hilft bei Fehlern in Fiori Elements, die ohne Fehlermeldung auftreten: Eine Spalte fehlt, ein Label stimmt nicht, eine Wertehilfe erscheint nicht. Er zeigt die Annotation hinter dem Element und welche Quelle gewinnt. Welche Annotation steuert dieses Feld in Fiori Elements – und aus welcher Quelle? Dazu Manifest-Viewer und Draft-/ETag-Inspektor. Im Panel: Annotationen[Doku: Annotationen →](https://fronttailor.com/doku/annotationen) - Testen & melden ##### Scaffolding & Snippets Erzeugt Testgerüste und Mockdaten aus der laufenden App, statt sie von Hand aus dem Quelltext abzuleiten. Typisch: ein Page Object für die geöffnete Seite übernehmen oder aus einer Aufzeichnung einen Journey-Test machen. Page Objects für OPA5, wdi5 und Playwright, QUnit-Gerüst und Mockdaten aus der laufenden App. Im Panel: Scaffolding[Doku: Scaffolding & Recorder →](https://fronttailor.com/doku/scaffolding-und-recorder) - Testen & melden ##### Lokaler Code im echten Launchpad Spart das Deployment auf ein DEV-System, nur um den eigenen Stand im echten Launchpad zu sehen. Die Ressourcen einer App kommen vom lokalen Dev-Server, Kachel, Rollen, Plug-ins und Daten bleiben echt. Den lokalen Stand mit echter Kachel, echten Rollen und echten Daten testen, ohne Deployment. Auf PROD gesperrt. Im Panel: Lokaler Code[Doku: Lokaler Code →](https://fronttailor.com/doku/lokaler-code) - Testen & melden ##### Problem melden Bereitet aus einem Fehler einen vollständigen Bericht vor, statt Screenshot, Schritte, UI5-Version und fehlgeschlagene Requests einzeln zu sammeln. Vor dem Versand wird maskiert, und du siehst genau, was das Panel verlässt. Screenshot mit Markierungen, Klickpfad, fehlgeschlagene Requests und Systemsteckbrief – maskiert, mit Vorschau. Im Panel: Problem melden[Doku: Problem melden →](https://fronttailor.com/doku/problem-melden) - Testen & melden ##### Tickets & SAP-Incident Legt den Bericht als Ticket im Werkzeug des Teams an, statt ihn von Hand zu kopieren und dabei Screenshot und Struktur zu verlieren. Für den SAP-Support bereitet er die Angaben des Incidents vor. Jira, GitHub, GitLab und Azure DevOps in Pro, ServiceNow in Enterprise. Dazu ein vorbereiteter SAP-Incident mit Komponente und Request-IDs. Enterprise ServiceNow als Ticketziel, auch für Befunde der Berechtigungsdiagnose. Im Panel: Problem melden › Ticket anlegen · SAP-Incident vorbereiten[Doku: Problem melden →](https://fronttailor.com/doku/problem-melden) - KI mit eigenem Schlüssel ##### KI-Assistent (BYOK) Erklärt, prüft und schreibt mit dem Kontext, den das Panel schon kennt, statt dass du Fehlermeldung, Manifest und Code von Hand in einen Chat kopierst. Die KI-Leiste steht in jedem Modul-Tab, der Katalog im Tab „KI“. 35 Use Cases mit dem Kontext der Seite: Fehler erklären, Code-Review der laufenden App, Performance-Tipps, wdi5-Tests, Annotationen, Übersetzungen, Ticket-Texte. Im Panel: KI[Doku: KI-Assistent →](https://fronttailor.com/doku/ki) - KI mit eigenem Schlüssel ##### Ihr Anbieter, Ihr Schlüssel Nutzt den KI-Anbieter, den dein Unternehmen schon freigegeben hat, statt einen weiteren Dienst einzuführen. Die Anfragen gehen direkt vom Browser zum Anbieter. 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. Im Panel: KI › Provider-Einstellungen[Doku: KI-Assistent →](https://fronttailor.com/doku/ki) - KI mit eigenem Schlüssel ##### Vorschau & Maskierung Verhindert, dass personenbezogene Daten unbemerkt in einer Anfrage landen. Du siehst jede Anfrage vollständig, bevor du sie abschickst. Jede Anfrage erst nach vollständiger Vorschau und Klick; E-Mail, Telefon, IBAN und lange Ziffern maskiert. Per Richtlinie erzwingbar oder abschaltbar. Im Panel: KI › Vorschau – das wird gesendet[Doku: KI-Assistent →](https://fronttailor.com/doku/ki) ##### Erweiterungen in Pro - UI5-2.0-Readiness-Check (Community): Migrationsbericht als Markdown oder CSV, mit Aufwand und Vergleich zum vorigen Lauf. - Bibliotheksanalyse (Community): Export der Analyse über alle Apps der Sitzung als Markdown oder CSV. #### Team Alles aus Pro, plus gemeinsame Standards. - Team ##### Team-Sync Gibt dem ganzen Team dieselben Profile, Filter und Lösungen, ohne Server und ohne Dienst der CloudDNA im Datenfluss. Das Paket liegt als Datei oder unter einer HTTPS-Adresse, die ihr selbst bestimmt. Team-Pakete mit Host-Profilen, URL-Profilen, OData-Filtern, Replays, Snippets, PII-Regeln, Favoriten, Budgets und bekannten Fehlern – per Datei oder HTTPS. Im Panel: Team[Doku: Team-Sync →](https://fronttailor.com/doku/team-sync) - Team ##### Diff vor jeder Übernahme Sorgt dafür, dass ein Team-Paket nichts überschreibt, was du nicht gesehen hast. Du wählst je Eintrag, was du übernimmst. Nichts wird still übernommen. Änderungen, die den PROD-Schutz aufheben würden, sind nie vorausgewählt. Optional mit Ed25519 signiert. Im Panel: Team › Änderungen prüfen[Doku: Team-Sync →](https://fronttailor.com/doku/team-sync) ##### Erweiterungen in Team - Lesezeichen für den App-Zustand (Community): Team-Lesezeichen: Lesezeichen kommen per Team-Paket zu allen im Team. - Befehlspalette mit Favoriten (Community): Favoriten der Palette kommen per Team-Paket zu allen im Team. - Performance-Budgets (Pro): Team-Budgets: Budgets kommen per Team-Paket zu allen im Team. - Bekannte Fehler (Community): Bekannte Fehler kommen per Team-Paket zum ganzen Team. #### Enterprise Alles aus Team, plus Betrieb und Konzern-IT. - Launchpad & Betrieb ##### Launchpad Inspector Erspart beim Prüfen einer Kachel den Wechsel zwischen Launchpad-Administration, Katalogpflege und Browser-Konsole. Typisch: klären, welches Target Mapping und welcher Katalog hinter einer Kachel stehen. Kachel anklicken: App-ID, Semantic Object, Target Mapping, Space, Page, Katalog und Plugins – ohne die App zu öffnen. Im Panel: Launchpad[Doku: Launchpad Inspector →](https://fronttailor.com/doku/launchpad-inspector) - Launchpad & Betrieb ##### Berechtigungsdiagnose Beantwortet „Warum sehe ich diese Kachel nicht?“ als Prüfkette von Katalog über Rolle und Target Mapping bis zum OData-Service. Typisch: einem 403 das fehlende Berechtigungsobjekt zuordnen und den Befund an die Basis geben. 401/403 lesbar mit Berechtigungsobjekt, Prüfkette für „Kachel fehlt“ mit Ampel je Stufe, Links in SU53 und das Fehlerprotokoll. Im Panel: Berechtigungen[Doku: Rollen und Berechtigungen →](https://fronttailor.com/doku/rollen-und-berechtigungen) - Launchpad & Betrieb ##### Systemvergleich DEV/QA/PROD Beantwortet die häufige Frage im Betrieb „Warum geht es in QA, aber nicht in PROD?“. Unterschiede bei App- und UI5-Version, Bibliotheken, Cache-Buster, Flex-Änderungen, $metadata und Target Mapping stehen nebeneinander. Snapshots aus Metadaten je System und ein Diff – ohne Geschäftsdaten, ohne Crawlen im Hintergrund. Im Panel: Vergleich[Doku: Systemvergleich →](https://fronttailor.com/doku/systemvergleich) - Launchpad & Betrieb ##### Release-Prüfung nach Transport Klärt nach einem Transport, ob die neue Version auf DEV, QA und PROD wirklich aktiv ist und warum Nutzer vielleicht noch die alte sehen – statt Manifest, Cache-Buster-Index und App-Index einzeln nachzusehen. Ampel je System für Version, Cache-Buster, Preload und App-Index – und zu jedem roten Befund der nächste Schritt. Im Panel: Release[Doku: Release-Prüfung →](https://fronttailor.com/doku/release-pruefung) - Launchpad & Betrieb ##### Morgencheck Ersetzt das Öffnen der wichtigsten Apps von Hand nach einem Transport, einem Patch-Wochenende oder jeden Morgen. Du siehst auf einen Blick, welche App nicht startet und was sich seit dem letzten Lauf geändert hat. Die wichtigsten Apps auf Klick nacheinander öffnen, Ampel je App, Vergleich zum letzten Lauf. Kein Monitoring im Hintergrund. Im Panel: Morgencheck[Doku: Health und Morgencheck →](https://fronttailor.com/doku/health-und-morgencheck) - Launchpad & Betrieb ##### Health & synthetischer Check Zeigt Betrieb und Key-Usern, ob eine App gerade gesund ist, ohne in die OData-Konsole einzusteigen: Wie schnell antwortet das Backend, wie viele Requests scheitern, läuft die Sitzung bald ab? Latenz, Fehlerrate und Sitzungsrestzeit aus dem OData-Protokoll; aufgezeichnete Klickfolgen als Check abspielen, auf PROD gesperrt. Im Panel: Health[Doku: Health und Morgencheck →](https://fronttailor.com/doku/health-und-morgencheck) - Launchpad & Betrieb ##### Absprung ins Backend Erspart nach einem gescheiterten Request den Weg über SAP GUI, Transaktion und das Eintragen von Zeitraum, Benutzer und Transaktions-ID. Für CAP- und BTP-Apps zeigt er, wo die Logs stattdessen liegen. Vom fehlgeschlagenen Request direkt zu /IWFND/ERROR_LOG, ST22, SU53 und Co. desselben Systems; Hinweise für CAP und BTP. Im Panel: Absprung ins Backend[Doku: Absprung ins Backend →](https://fronttailor.com/doku/backend-absprung) - Launchpad & Betrieb ##### Backend-Service & Rollen-Simulator (optional) Beantwortet, was der Browser nicht sehen kann: welche PFCG-Rollen ein Benutzer hat, welcher Katalog eine Kachel bringen würde und ob eine Startberechtigung fehlt – auch für einen anderen Benutzer. Nur lesendes ABAP-Add-on für die Stufen Rolle und Startberechtigung. Noch nicht auf einem echten SAP-System getestet. Im Panel: Rollen[Doku: Rollen und Berechtigungen →](https://fronttailor.com/doku/rollen-und-berechtigungen) - Team ##### Admin-Richtlinien & Sideload Lässt die IT zentral festlegen, auf welchen Systemen und mit welchen Modulen die Extension arbeitet, statt jeden Browser einzeln einzurichten. Ein abgeschaltetes Modul ist weder sichtbar noch aktiv. Erlaubte Hosts, PROD-Hosts, Module, KI-Endpunkt, Lizenz und Team-Pakete zentral vorgeben – per Gruppenrichtlinie, Intune oder Jamf. [Doku: Enterprise-Deployment →](https://fronttailor.com/doku/enterprise-deployment) ##### Erweiterungen in Enterprise - Tickets & SAP-Incident (Pro): ServiceNow als Ticketziel, auch für Befunde der Berechtigungsdiagnose. Videos ### Jede Edition in höchstens anderthalb Minuten. Gezeigt an den Demo-Apps aus dem Repo der Extension, mit erfundenen Daten. FrontTailor Community – kostenlos · 1:23 min Kapitel und gesprochener Text #### Kapitel - Inspector und Models - OData und bekannte Fehler - Werkzeuge - Analyse - Lesezeichen #### Was im Video gesagt wird FrontTailor Community ist kostenlos – ein Panel direkt neben der laufenden App. Der Inspector zeigt zu jedem Control Typ, Properties und Bindings. Der Model Explorer vergleicht Schnappschüsse: Du siehst genau, was sich im Model geändert hat. Die OData-Konsole zeichnet jeden Request auf, auch in $batch-Anfragen, und übersetzt Fehler in Klartext. Für bekannte Fehler hinterlegst du einmal die Lösung. Beim nächsten Mal steht sie direkt am Fehler. Werkzeuge schalten Debug-Modus, Cache und eigenen Code mit einem Klick – und die App-Sprache sogar ohne Neuladen. Die Command Palette legt jede Funktion auf die Tastatur, mit Favoriten ganz oben. Der UI5-2.0-Check zeigt, was vor dem Umstieg auf UI5 2.0 zu tun ist. Die Bibliotheksanalyse vergleicht geladene Bibliotheken mit dem Manifest. Und Lesezeichen merken sich Route, Filter und Tab – nach dem Neuladen bringt dich ein Klick zurück. FrontTailor Community ist kostenlos – ein Produkt der CloudDNA. Mehr auf fronttailor.com. FrontTailor Pro – für Entwickler · 1:25 min Kapitel und gesprochener Text #### Kapitel - Messen und verstehen - Melden und prüfen - Lokaler Code im Launchpad #### Was im Video gesagt wird FrontTailor Pro ist für Entwickler, die tiefer einsteigen. Der Profiler misst Start, Requests und Bundles und prüft sie gegen Budgets. Der Annotation Explorer zeigt, welche Annotation ein Feld erzeugt – und woher sie kommt. Scaffolding erzeugt aus der laufenden App Page Objects, Tests und Mock-Daten. Der KI-Assistent nutzt deinen eigenen Schlüssel. Vor dem Senden siehst du, was rausgeht – persönliche Daten maskiert. Der Issue Reporter sammelt Kontext und Schritte und bereitet den SAP-Incident vor. Aus dem UI5-2.0-Check wird ein Migrationsbericht mit Aufwand. Dazu Prüfungen für Barrierefreiheit, Übersetzungen und die Design-Guidelines. Die Fehlersimulation testet leere Listen, Verzögerungen und HTTP-Fehler – ohne das Backend anzufassen. Und lokaler Code läuft im echten Launchpad: FrontTailor leitet die App auf deinen Dev-Server um – ohne Deployment. FrontTailor Pro – ein Produkt der CloudDNA. Mehr auf fronttailor.com. FrontTailor Team – gemeinsame Standards · 1:09 min Kapitel und gesprochener Text #### Kapitel - Paket per Policy - Im Alltag - Abschluss #### Was im Video gesagt wird FrontTailor Team bringt alle auf denselben Stand: ein signiertes Team-Paket statt Wiki-Seiten und Zuruf. Der Administrator verteilt das Paket per Policy. FrontTailor prüft die Signatur, bevor irgendetwas übernommen wird. In der Vorschau siehst du jede Änderung: Profile, Snippets, Regeln für personenbezogene Daten, OData-Filter, Replay-Sammlungen, Lesezeichen, bekannte Fehler und Performance-Budgets. Ein Klick übernimmt alles – vorgegebene Einträge bleiben schreibgeschützt. Im Alltag ist alles einfach da: der Team-Filter und die Replay-Sammlung in der OData-Konsole … … und bei einem bekannten Fehler steht die Lösung des Teams direkt daneben. FrontTailor Team – ein Produkt der CloudDNA, der SAP- und KI-Experten aus Österreich. Mehr auf fronttailor.com. FrontTailor Enterprise – für den Betrieb · 1:22 min Kapitel und gesprochener Text #### Kapitel - Launchpad und Rollen - Gesundheit und Fehler - Morgencheck - Admin-Policies #### Was im Video gesagt wird FrontTailor Enterprise ist für den Betrieb – damit du Probleme kennst, bevor das Telefon klingelt. Der Launchpad Inspector zeigt zu jeder Kachel Intent, Target Mapping, App und Space. Der Rollen-Simulator zeigt die Rollen eines Benutzers – und wo die Kette bis zur App reißt. Health zeigt Latenz und Fehlerquote live. Ein Klick springt zum Fehler – mit Links nach ST22 und /IWFND/ERROR_LOG. Bei fehlender Berechtigung nennt die Diagnose Objekt, Aktivität und die nächsten Schritte bis zur SU53. Der Morgencheck startet alle wichtigen Apps und meldet per Ampel, was nicht läuft. Der Systemvergleich zeigt, was zwischen DEV, QA und PROD anders ist. Nach dem Transport prüft die Release-Prüfung jedes System – mit den nächsten Schritten. Und Administratoren steuern alles per Policy: Lizenz, Module, KI-Endpunkt und PROD-Sperre. FrontTailor Enterprise – ein Produkt der CloudDNA. Mehr auf fronttailor.com. Lizenz ### Gekauft auf der Website. Geprüft im Browser. Der Kauf läuft über den Checkout der Tailor-Plattform. Die Extension selbst ruft dafür nichts auf. - KaufenEdition, Zahlweise, Anzahl. Monatlich oder jährlich, für einen oder mehrere Nutzer, bezahlt im Checkout der Plattform. - SchlüsselPer E-Mail. Die Plattform schickt den Lizenzschlüssel an die Adresse aus dem Kauf. Diese Website zeigt ihn nie an. - EinfügenIn der Lizenzansicht der Extension. Geprüft wird offline, ohne Netzwerkaufruf; der Schlüssel liegt nur lokal im Browser. - Für alleOder zentral. Die IT setzt den Schlüssel per Richtlinie licenseKey für alle Nutzer eines Browsers. Weiterlernen ### Die Bücher hinter den Editionen. Was Community und Pro an der App zeigen, erklären die SAP-PRESS-Bücher zu SAPUI5, SAP Fiori Elements und Full-Stack-Entwicklung mit SAP. Was Enterprise nach dem Transport und im Betrieb prüft, steht in Git und SAP und im Buch zu Sicherheit und Berechtigungen der SAP BTP. [Alle Bücher nach Thema →](https://fronttailor.com/buecher) Buchempfehlung Empfehlung in eigener Sache: Martin Koch, Gründer der CloudDNA, ist Autor oder Co-Autor dieser Bücher. - [SAPUI5 – The Comprehensive Guide](https://www.sap-press.com/sapui5_6012/) - [SAP Fiori Elements – Grundlagen, Entwicklung und Erweiterung](https://www.rheinwerk-verlag.de/sap-fiori-elements/) - [Fullstack-Entwicklung mit SAP](https://www.rheinwerk-verlag.de/fullstack-entwicklung-mit-sap/) - [Git und SAP – Versionsverwaltung und Transporte](https://www.rheinwerk-verlag.de/git-und-sap/) - [SAP Business Technology Platform – Sicherheit und Berechtigungen](https://www.rheinwerk-verlag.de/sap-business-technology-platform-sicherheit-und-berechtigungen/) Kauf abgebrochen – nichts wurde berechnet. Häufige Fragen ### Fragen zu Editionen und Kauf. **Was kostet FrontTailor Pro?** Pro kostet 29 € pro Nutzer und Monat, oder 288 € pro Nutzer und Jahr, zzgl. USt. Im Jahresabo entspricht das 24 € im Monat. Du kaufst Pro direkt auf dieser Seite für einen oder mehrere Nutzer. **Was ist der Unterschied zwischen Pro und Team?** Team enthält alles aus Pro und dazu Team-Sync: Host-Profile, URL-Profile, OData-Filter, Replays, Snippets, PII-Regeln, Budgets, Lesezeichen und bekannte Fehler werden als Team-Paket geteilt – per Datei oder HTTPS-Adresse, ohne Server und mit einem Diff vor jeder Übernahme. Team kostet 39 € pro Nutzer und Monat, oder 384 € pro Nutzer und Jahr, zzgl. USt. **Was ist in Enterprise enthalten?** Alles aus Team, dazu die Werkzeuge für den Betrieb: Launchpad Inspector, Berechtigungsdiagnose, Systemvergleich DEV/QA/PROD, Release-Prüfung nach Transport, Morgencheck, Health und synthetischer Check, Absprung ins Backend, ServiceNow, der optionale Backend-Service sowie Admin-Richtlinien und Sideload. Enterprise gibt es ab 39 € pro Nutzer und Monat, mindestens 25 Nutzer, oder Jahreslizenz je System; den Preis besprechen wir im Angebot. **Brauche ich eine Lizenz?** Für Community nicht: Sie ist kostenlos, für immer und ohne Schlüssel. Pro, Team und Enterprise brauchen einen Lizenzschlüssel. Jede neue Installation bekommt aber 7 Tage lang alle Editionen zum Testen, ohne Schlüssel. Danach gilt Community, bis du einen Schlüssel einträgst. Pro und Team kaufst du hier, der Schlüssel kommt per E-Mail; Enterprise bekommst du vom Vertrieb. **Wie kommt die Lizenz in die Extension?** Nach der Zahlung kommt der Lizenzschlüssel per E-Mail. Du fügst ihn in der Lizenzansicht der Extension ein. Der Schlüssel ist ein signiertes Token, das die Extension offline prüft; er liegt nur lokal im Browser. In Unternehmen kann die IT ihn per Richtlinie für alle setzen. Diese Website zeigt keinen Lizenzschlüssel an. **Sind die Preise netto?** Ja. Alle Preise sind netto zuzüglich der gesetzlichen Umsatzsteuer. Bezahlt wird über den Checkout der Tailor-Plattform; Rechnung und Steuer weist der Checkout aus. **Kann ich monatlich kündigen?** Das Monatsabo läuft monatlich, das Jahresabo jährlich. Die Kündigungsbedingungen stehen in den AGB und den Lizenzbedingungen, die du vor dem Kauf bestätigst. **Was bleibt kostenlos?** Community: Systemsteckbrief und Ampel, Control Inspector, Model Explorer, OData-Konsole mit Export und Replay, Metadata-Explorer, Werkzeuge und Befehlspalette, Lesezeichen, Deployment-Prüfung, UI5-2.0-Readiness-Check, Bibliotheksanalyse, Recorder und eigene bekannte Fehler. Die Community-Edition steht unter der Apache-Lizenz 2.0. **Wo steht, wie jede Funktion genau funktioniert?** Auf dieser Seite hat jede Funktion eine kurze Beschreibung mit ihrer Beschriftung im Panel; jede Zeile der Vergleichstabelle führt dorthin. Von der Beschreibung geht es weiter in die Produktdokumentation von FrontTailor: je Modul eine Seite mit Bedienung, Bildschirmfotos aus den Demo-Apps und dem Verhalten auf PROD-Systemen. Deine Frage ist nicht dabei? Sprich mich an: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Schreib mir](https://fronttailor.com/kontakt) --- # Sicherheit: Rechte, PROD-Schutz, Richtlinien · FrontTailor Quelle: https://fronttailor.com/sicherheit > Welche Berechtigungen FrontTailor braucht und warum, wie PROD geschützt ist, was die Extension nie sendet und welche Admin-Richtlinien die Konzern-IT setzen kann. Sicherheit und Datenschutz ## Darf. Darf nicht. Steht hier. FrontTailor schaut in Fiori-Apps mit echten Daten, oft auf produktiven Systemen. Das geht nur, wenn klar ist, was die Extension darf, was sie nie tut und wer das steuert. Hier steht es – mit Fundstelle. Auf dieser Seite Berechtigungen – jede einzeln, mit Grund PROD-Schutz – was gesperrt ist und wie Keine stille Übertragung – was nie das Gerät verlässt KI-Schlüssel – wo er liegt und wo nie Admin-Richtlinien – für die Konzern-IT Lieferkette – kein Remote Code, SBOM Berechtigungen ### Sieben feste Rechte, zwei auf Nachfrage, eins nie. So stehen sie im Manifest der Extension. Jede weitere Berechtigung braucht eine eigene, dokumentierte Entscheidung. Berechtigung | Wann | Wofür storage | immer | Deine Einstellungen, Host-Profile, gespeicherte Filter und Lesezeichen – lokal im Browser. scripting | immer | Nach der Freigabe der Domain das Skript einsetzen, das die UI5-Runtime liest. Content Scripts sehen UI5 nicht; nur dieses Skript spricht mit UI5, ausschließlich über einen Adapter. activeTab | immer | Auf Klick aufs Symbol oder per Tastenkürzel den aktuellen Tab nutzen: Systemsteckbrief im Popup, Screenshot des sichtbaren Bereichs für „Problem melden“. sidePanel | immer | Das Side-Panel neben der App; es bleibt bei der Navigation im Launchpad offen, auch ohne DevTools. webRequest | immer | OData-Requests freigegebener Apps für die Konsole beobachten – nur lesend, nichts wird blockiert oder verändert. alarms | immer | Abruf der Team-Pakete, die die IT per Richtlinie vorgibt, und die optionale Erinnerung an den Morgencheck. Kein Installationshinweis. declarativeNetRequestWithHostAccess | immer | UI5-Version vom SAP-CDN testen und lokaler Code: Umleitung in genau einem Tab, nach Vorschau, nur auf freigegebenen Hosts, auf PROD gesperrt. Kein Installationshinweis. browsingData | auf Nachfrage | Erst beim ersten Browser-Cache-Reset erfragt. Gelöscht wird nur der Cache der Domain des Tabs, nie Cookies oder Passwörter. https://*/*, http://*/* | auf Nachfrage | Host-Zugriff erst nach deiner Freigabe je Domain: „FrontTailor für diesen Host aktivieren?“ debugger | nie | Hält nur der separate, kostenlose Profiler Companion für das CPU-Tiefenprofil – wenn du ihn installierst. Der Installationshinweis. Chrome zeigt trotzdem „Alle Ihre Daten auf allen Websites lesen und ändern“. Der Grund: Ein kleines Content Script prüft auf jeder Seite höchstens zehn Sekunden lang, ob UI5-Merkmale im DOM stehen. Es liest keine Inhalte, sendet nichts und setzt nichts ein. Wer das auf eure Systeme begrenzen will, setzt die Richtlinie allowedHosts. PROD-Schutz ### Auf PROD wird gelesen, nicht geändert. Jede Funktion, die zur Laufzeit etwas ändert, ist im Code als PROD-geschützt markiert. Der Service Worker lehnt sie auf PROD-Tabs ab, bevor sie die Seite erreicht – im Zweifel gesperrt. - ProfilWas PROD ist, entscheidest du – oder die IT. Host-Profile haben ein PROD-Kennzeichen; die Richtlinie prodHosts erzwingt es, dann lässt es sich nicht abschalten. - AmpelRot heißt PROD. Das Symbol der Extension zeigt rot, sobald du auf einem PROD-Host bist. - GesperrtWas ändert, geht nicht. Property-Edit, Replay, Personalisierungs-Reset, Cache-Reset, UI5-Version tauschen, Fehlersimulation, lokaler Code, synthetischer Check. - ErlaubtWas liest, geht. Inspector, Models, OData-Konsole, Profiler, Readiness-Check, Fehlerbericht, Morgencheck ohne aufgezeichnete Schritte. Keine stille Übertragung ### Was FrontTailor sendet: nichts, außer du klickst. FrontTailor arbeitet lokal, erhebt keine personenbezogenen Daten und überträgt nichts an CloudDNA. Keine Telemetrie, keine Analyse, keine Werbung, kein Konto. - OData-Protokoll Liegt lokal in der IndexedDB der Extension, ohne Cookies, Tokens und Zugangsdaten, und wird beim Schließen des Tabs gelöscht. - KI-Assistent Sendet erst nach einer Vorschau mit Endpunkt, Headern, Systemprompt und vollständigem Inhalt und deinem Klick – direkt an deinen Anbieter, nie an CloudDNA. Antworten werden nie automatisch angewendet. - Tickets und Fehlerbericht Standard ist das vorbefüllte Formular deines Ticketsystems im neuen Tab. Die Extension sendet selbst nichts; im API-Modus erst nach Vorschau. Tokens liegen höchstens im Arbeitsspeicher. - Systemvergleich und Morgencheck Nur auf Klick, nur gegen denselben Server, ohne Geschäftsdaten. Kein Crawlen im Hintergrund. - Lizenz Offline geprüft, ohne Netzwerkaufruf. Die vollständige [Datenschutzerklärung der Extension](https://fronttailor.com/datenschutz#extension) listet jedes Datum mit Zweck, Speicherort und Dauer. Eigener KI-Schlüssel (BYOK) ### Dein Schlüssel. Dein Anbieter. Kein Proxy. Auf Wunsch speichert FrontTailor den KI-Schlüssel verschlüsselt in chrome.storage.local – nie in sync, nie in Exporten, Team-Paketen, Berichten oder Logs. Ohne diesen Wunsch bleibt er nur im Arbeitsspeicher. - Verschlüsselt AES-GCM-256 mit einem nicht exportierbaren WebCrypto-Schlüssel. Gegen jemanden mit Zugriff auf das ganze Browserprofil schützt das nicht – das sagen wir dazu. - Abschaltbar Per Richtlinie ai.persistKeys: false bleiben Schlüssel nur im Arbeitsspeicher; aiEndpoint legt den Endpunkt fest, modules.ai: false schaltet den Assistenten ab. - Maskiert E-Mail, Telefon, IBAN und lange Ziffernfolgen werden vor jeder Anfrage maskiert; aiRequirePiiMasking erzwingt das. Für die Konzern-IT ### Admin-Richtlinien per Managed Storage. Über chrome.storage.managed – per Gruppenrichtlinie, Intune oder Jamf – gibt die IT vor, was FrontTailor darf. Richtlinien wirken ohne Neuladen. Das Schema liegt der Extension als managed-schema.json bei. Richtlinie | Wirkung allowedHosts | Host-Muster, auf denen FrontTailor aktiv werden darf. Gesetzt: alle anderen Hosts gesperrt. prodHosts | Host-Muster, die als PROD gelten. Das PROD-Kennzeichen lässt sich dort nicht abschalten. modules | 27 Module einzeln aus (z. B. ai, override, faults, recorder): Registerkarte verborgen, der Service Worker lehnt ihre Nachrichten ab. aiEndpoint, aiProvider, aiAllowedProviders | KI-Endpunkt festlegen (z. B. euer Gateway oder SAP AI Core), Anbieter vorgeben oder einschränken. Leerer Endpunkt schaltet den Assistenten ab. aiRequirePiiMasking, ai.persistKeys | Maskierung erzwingen; Schlüssel nur im Arbeitsspeicher. licenseKey, trial | Lizenz für alle Nutzer des Browsers setzen; Testphase abschalten. teamSync | Team-Pakete vorgeben, vertrauenswürdige Schlüssel, Signaturpflicht, Abgleich-Intervall, eigene Pakete erlauben oder nicht. issueReporter | Ziele des Fehlerberichts, Pflicht-Maskierungsregeln, Standard-Repository und -Empfänger. ticketTargets, allowedTicketHosts | Vorkonfigurierte Ticketsysteme (nie mit Tokens) und erlaubte Ticket-Hosts. telemetry | Im Schema vorgesehen, in FrontTailor ungenutzt: Es gibt keine Telemetrie. Für Rechner ohne Chrome Web Store gibt es in Enterprise den Sideload als Paket. [Rollout besprechen →](https://fronttailor.com/kontakt?thema=Enterprise) Lieferkette ### Kein Code, der nachgeladen wird. Kein Remote Code, kein eval, keine Source-Maps im Release, eine CSP ohne unsafe-eval und unsafe-inline. Der Build ist reproduzierbar, jedes Release bringt eine CycloneDX-SBOM mit. - Nur über den Adapter Nur der Page Script spricht mit UI5, über einen Adapter, der nie eine Exception in die Seite wirft. Fehlt eine API in der erkannten UI5-Version, schaltet sich das Modul ab, statt falsche Daten zu zeigen. - Offen geprüft CodeQL und pnpm audit laufen in der Pipeline; Community steht unter Apache 2.0. Häufige Fragen ### Fragen der IT-Sicherheit. **Warum zeigt Chrome bei der Installation „Alle Ihre Daten auf allen Websites lesen und ändern“?** Weil ein kleines Content Script auf allen Seiten prüft, ob dort eine UI5-App läuft – höchstens zehn Sekunden lang, ohne Inhalte zu lesen, ohne etwas zu senden. Zugriff auf eine App bekommt FrontTailor erst, wenn du die Domain freigibst. Unternehmen können die erlaubten Hosts per Richtlinie allowedHosts vorgeben; alle anderen sind dann gesperrt. **Liest FrontTailor Cookies, Tokens oder Passwörter?** Nein. FrontTailor liest keine Cookies. Header mit Tokens und Zugangsdaten werden im OData-Protokoll nicht gespeichert, Exporte und gespeicherte Replays enthalten keine Tokens, Cookies oder Authorization-Header. Der Cache-Reset löscht nie Cookies oder Passwörter. **Wo liegt der KI-Schlüssel?** Nur auf Wunsch und dann verschlüsselt in chrome.storage.local auf dem Gerät – nie in sync, nie in Exporten, Team-Paketen, Berichten oder Logs. Per Richtlinie ai.persistKeys: false bleibt er nur im Arbeitsspeicher. Gegen jemanden mit Zugriff auf das ganze Browserprofil schützt die Verschlüsselung nicht. Einen KI-Proxy der CloudDNA gibt es nicht. **Kann die IT einzelne Funktionen abschalten?** Ja. Über chrome.storage.managed – per Gruppenrichtlinie, Intune oder Jamf – lassen sich 27 Module einzeln abschalten, Hosts erlauben, PROD-Hosts festlegen, der KI-Assistent auf einen Endpunkt festlegen oder abschalten, Lizenz und Team-Pakete verteilen. Richtlinien wirken ohne Neuladen. **Braucht FrontTailor die Berechtigung debugger?** Nein. Das CPU-Tiefenprofil des Performance-Profilers läuft über eine separate, kostenlose Erweiterung, den FrontTailor Profiler Companion. Nur sie hält die Berechtigung debugger. Wer kein Tiefenprofil braucht, installiert sie nicht. Deine Frage ist nicht dabei? Sprich mich an: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Schreib mir](https://fronttailor.com/kontakt) --- # Kontakt: Enterprise, Team, Frage oder Workshop · FrontTailor Quelle: https://fronttailor.com/kontakt > Enterprise-Angebot, Team-Rollout, Sideload, eine Frage zu FrontTailor oder ein hartnäckiger Fehler in eurer Fiori-Landschaft: Antwort binnen eines Werktags. Kontakt · persönlich ## Zehn Tabs zu viel? Pro und Team kaufst du direkt auf der Seite [Editionen](https://fronttailor.com/editionen). Für alles andere schreib mir – ich lese jede Anfrage selbst. - [Enterprise](https://fronttailor.com/editionen#enterprise): Angebot, Demo an eurem Launchpad, Sideload, Richtlinien, SSO - Team-Rollout und Team-Pakete für mehr als neun Nutzer - Vorab-Version, solange der Store-Eintrag noch nicht live ist - [Workshops und Schulungen](https://fronttailor.com/leistungen#workshops), [Beratung](https://fronttailor.com/leistungen#beratung) zu UI5 2.0, Performance, Fiori Elements und Launchpad, [Entwicklung](https://fronttailor.com/leistungen#entwicklung) von Fiori- und CAP-Apps - Fragen, Fehler und Wünsche zu FrontTailor M Martin Koch Geschäftsführer, CloudDNA · Ich lese jede Anfrage selbst und antworte persönlich. [Lieber anrufen: +43 664 1964199](tel:+436641964199) Bitte keine Tokens, Cookies, Passwörter oder HAR-Dateien mit echten Sitzungen mitschicken. Ich melde mich innerhalb eines Werktags, persönlich. Kein Newsletter, keine Weitergabe. Details in der [Datenschutzerklärung](https://fronttailor.com/datenschutz). Name Firma Geschäftliche E-Mail Worum geht's? Enterprise-AngebotTeam-RolloutFrage zu Pro oder zum KaufVorab-VersionInteresse an FirefoxWorkshop oder SchulungBeratungEntwicklungFrage zu FrontTailorFehler oder Wunsch meldenAnderes Deine Rolle EntwicklungBasis / BetriebArchitekturKey-UserProjektleitungIT-SicherheitAnderes Umgebung S/4HANA on-premiseS/4HANA Cloud, Private EditionSAP BTPECC mit GatewayGemischtWeiß nicht Nachricht optional – Nutzer, Systeme, was euch fehlt (ohne Tokens) Website Häufige Fragen ### Fragen zum Kontakt. **Muss ich für Pro oder Team hier anfragen?** Nein. Pro und Team kaufst du direkt auf der Seite Editionen. Schreib mir, wenn du eine Rechnung vorab brauchst, mehr als neun Nutzer auf einmal lizenzieren willst oder Fragen zum Kauf hast. **Wie läuft ein Enterprise-Angebot?** Du schreibst mir kurz, wie viele Nutzer und Systeme ihr habt und ob ihr Sideload, Richtlinien oder den Backend-Service braucht. Ich melde mich innerhalb eines Werktags, wir zeigen die Enterprise-Funktionen gern an eurem Launchpad, und danach bekommst du ein Angebot – ab 39 € pro Nutzer und Monat, mindestens 25 Nutzer, oder Jahreslizenz je System. **Soll ich Screenshots, HAR-Dateien oder Tokens mitschicken?** Bitte keine Tokens, Cookies, Passwörter oder HAR-Dateien mit echten Sitzungen. Beschreib kurz, was passiert und welche Fehlermeldung kommt; wenn wir gemeinsam draufschauen, bleiben die Daten auf deinem Bildschirm. **Wie schnell meldest du dich?** Innerhalb eines Werktags, persönlich. Es gibt keinen Newsletter und keine Weitergabe deiner Daten. **Kann ich auch anrufen oder schreiben?** Ja. Telefonisch erreichst du die CloudDNA GmbH unter +43 664 1964199, per E-Mail unter office@clouddna.at. --- # Story: Martin Koch und warum es FrontTailor gibt · FrontTailor Quelle: https://fronttailor.com/story > Pilot, Fluglotse, SAP Champion, Autor der Bücher zu SAPUI5 und Fiori Elements: Martin Koch über zehn Tabs für eine Frage – und warum daraus FrontTailor wurde. Die Geschichte hinter FrontTailor – und hinter allen Tailors ## Never give up. The sky is the limit. Mein Name ist Martin Koch. Ehemals Pilot und Fluglotse, seit 2006 in der SAP-Integration, SAP Champion, Autor bei SAP PRESS, heute Gründer der CloudDNA – und alleinerziehender Vater von drei Kindern. Mit 24 Menschen aus dem Südburgenland bauen wir eine Familie von Software. FrontTailor ist das Mitglied, das am nächsten an den Büchern liegt, die ich mit meinem Team über SAPUI5 und Fiori Elements geschrieben habe. Das hier ist die Geschichte dahinter. Kapitel - 01Wer ich bin - 02Zu Hause - 03Ein Satz in Hamburg - 04Der Umbruch - 05Wir bauen das - 06Wir sprechen KI - 07Die Familie der Tailors - 08Warum FrontTailor 01Wer ich bin ### Every life counts. Nicht 999 von 1.000. Bevor ich Software gebaut habe, habe ich zwei Berufe erlernt, in denen es keine 99,9 % gibt: Linienpilot bei Austrian Airlines und Fluglotse bei Austro Control. Die Aufnahmetests für beide gehören zu den schwersten der Welt – der DLR-Test in Hamburg mit seiner Durchfallquote nördlich von 98 %, das mehrtägige Assessment bei Austro Control, in dem Menschen erfahren, wie belastbar sie wirklich sind. Zehntausende bewerben sich, ein paar Dutzend kommen durch. Ich habe beide bestanden. IQ misst, wie schnell jemand denkt. Der Cockpit-Test misst, wie ruhig jemand bleibt, wenn die Anzeige rechts oben schon fünf Sekunden lang etwas Falsches meldet und man es als Erster merken muss. In der Fliegerei zählt das zweite. Und über allem steht ein Prinzip: Es zählt jedes Leben. Every life counts. Nicht 999 von 1.000. Alle. Ob das eine Berufs-Pose oder ein Betriebssystem ist? Als ich im Herbst 2025 nach dreißig Jahren Pause wieder mit Tennis begonnen habe, habe ich mir einen Trainer gesucht, der jahrzehntelang ATP-Top-10-Spieler betreut hat. Nicht, weil ich auf die Tour will – sondern weil ich, wenn ich etwas ernst nehme, wissen will, wo mein Deckel wirklich ist. 02Zu Hause ### Drei Kinder, ein Vater, kein Autopilot. Ich bin alleinerziehender Vater von drei Kindern. Die beiden Jüngeren sind im Schulalter, der Älteste ist volljährig. Wer das kennt, weiß: Es gibt keinen Dienstplan, der hält, und keinen Tag, der so endet, wie er geplant war. Man lernt, Prioritäten in Sekunden zu setzen – und sie am nächsten Morgen neu zu sortieren. Mein ältester Sohn ist schwer behindert. Er lebt mit einem seltenen Gendefekt, einer Mikrodeletion. Er hat mir mehr über Geduld, Verlässlichkeit und das Wesentliche beigebracht als jedes Assessment und jedes Projekt. Meine drei Kinder sind mein Lebensmittelpunkt und meine Motivation – jeden einzelnen Tag. Wenn ich „Every life counts“ sage, ist das kein Satz aus dem Cockpit mehr. Es ist Alltag. Und es ist der Grund, warum ich Software baue, die Menschen Zeit zurückgibt – Zeit, die woanders dringender gebraucht wird. Mein Leben hat sich durch all das massiv verändert. Ich bin noch strukturierter geworden, als ich es aus dem Cockpit gewohnt war – und genau deshalb passt in die frühen Morgenstunden, bevor das Haus aufwacht, jeden Tag eine Stunde Sport: Kettlebell, Rope Skipping, Boxen. Nicht trotz der Verantwortung, sondern wegen ihr. Ich bin überzeugt: Das Wichtigste ist die tägliche Routine. Große Ziele erreicht man nicht mit großen Tagen, sondern mit vielen gewöhnlichen, die verlässlich gleich beginnen. Genau so bauen wir Software: Sie soll die tägliche Routine tragen – unspektakulär, verlässlich, jeden Tag –, damit für das Unplanbare Kopf und Zeit bleiben. Never give up. The sky is the limit. Mein Motto. Kein Poster an der Wand – eine Entscheidung, jeden Morgen. 03Ein Satz in Hamburg ### Wie aus KSIC die CloudDNA wurde. Ich habe die CloudDNA vor über zehn Jahren gegründet – ursprünglich nicht unter diesem Namen. Ich kam von SAP, wo ich Jahre in einem der größten Softwarekonzerne der Welt verbracht hatte. Ein sicherer Hafen. Ich habe ihn trotzdem verlassen. Am Anfang stand ein sperriger Name: die KSIC GmbH – Koch Security, Integration and Cloud Consulting. Vier Buchstaben, die niemand aussprechen konnte. Die Rettung kam bei einem Abendessen in Blankenese, Hamburg, in einem Fischlokal an der Elbe. Mein alter SAP-Kollege Jörg hörte sich zum dritten Mal meine Erklärung an, hob das Glas und sagte einen einzigen Satz: „Martin, du hast die Cloud in deiner DNA.“ Zwei Wochen später hieß die KSIC GmbH nicht mehr KSIC. Mit dabei war damals schon Daniel, mein erster Mitarbeiter – auf seiner allerersten Dienstreise. (Den Steinbutt, Daniel, tut mir bis heute leid.) Angefangen haben wir in einem winzigen Büro in Oberwart. Heute sitzen wir in der ehemaligen Raiffeisenbank in Loipersdorf, mitten in der Thermen- und Weinregion Südburgenland, und schöpfen aus zwei Talentschmieden, die man auf keiner Weltkarte findet: der HTL Pinkafeld und der FH Burgenland. Aus dem Duo ist ein Team von 24 Menschen geworden, und wir haben siebzehn Bücher bei SAP Press veröffentlicht – immer aus der Praxis, nie aus dem Marketing. 04Der Umbruch ### Individualsoftware war ein rotes Tuch. Bis 2023. Ich habe die CloudDNA aufgebaut, um für Konzerne SAP-Integrationen zu bauen – schwere Software, in Monaten getaktet. In dieser Welt mied man Individualsoftware wie der Teufel das Weihwasser: zu teuer, zu langsam, zu riskant. Dann kamen die Sprachmodelle. Mir wurde klar: Das ist keine graduelle Verbesserung, das ist der Umbruch, der unser Handwerk umschreibt. Also habe ich mich selbst hingesetzt und Software gebaut – nachts, am eigenen Editor, mit denselben Werkzeugen, die ich meinem Team empfehle. Man kann niemandem mit einer PowerPoint erklären, wie KI-gestützte Entwicklung funktioniert. Man muss es vorleben. Was früher drei Monate und ein sechsstelliger Betrag war, geht heute in Wochen. Nicht, weil Programmierer zaubern, sondern weil Copiloten die Fleißarbeit übernehmen und Entwickler wieder werden, was sie sein sollten: Handwerker mit Kopf. 05Wir bauen das ### Von „We deliver“ zu „Wir bauen das“. Über zehn Jahre lang hieß unser Versprechen „We deliver“: Ein Kunde beschreibt, wir liefern. Das hat uns groß gemacht. Aber es hat eine Grenze: Wer nur liefert, was bestellt wird, baut selten das, was gebraucht wird. Deshalb bauen wir uns um. Aus Beratern und Entwicklern werden Forward Deployed Engineers und Product Owner. Forward deployed heißt: Sie sitzen dort, wo das Problem entsteht – in der Hausverwaltung, im Weingut, in der Kanzlei – und bauen vor Ort. Product Owner heißt: Sie bleiben, bis es gelöst ist, und verantworten das Produkt, nicht das Ticket. We deliver Wir bauen das Lastenheft Datenprobe mit echten Daten Ticket erledigt Problem gelöst Monate bis zum ersten Ergebnis Wochen, im Pilot neben dem Altsystem Übergabe am Projektende Verantwortung danach Berater beim Kunden Forward Deployed Engineer und Product Owner „Wir bauen das.“ Drei Wörter, die man einem Kunden nur sagen darf, wenn man sie auch meint. 06Wir sprechen KI ### In der KI-Blase und vor allem draußen. In der KI-Blase reden alle über Modelle, Benchmarks und Agenten. Draußen – bei der Hausverwalterin mit tausend Tops, beim Winzer im Südburgenland, beim Wirt mit zwanzig Tischen – zählt eine andere Frage: Spart mir das morgen eine Stunde, und kann ich mich darauf verlassen? Wir übersetzen zwischen diesen Welten. Wir bauen täglich mit Claude von Anthropic und sind auf dem besten Weg, Partner von Anthropic zu werden. Aber was beim Kunden ankommt, ist kein Modell, sondern ein Ablauf, der funktioniert: - Die KI schlägt vor, ein Mensch entscheidet. Mehr Selbstständigkeit gibt es erst nach bestandener Probezeit. - Jede Aktion steht im Prüfpfad. Was die KI getan hat, lässt sich nachlesen. - KI muss sich rechnen. Eigener Schlüssel, feste Kostengrenze je Mandant. - Daten bleiben, wo sie hingehören. Mandanten bis in die Datenbank getrennt. Anthropic und Claude sind Marken der Anthropic PBC. Die Nennung beschreibt unsere Arbeitsweise. 07Die Familie der Tailors ### Maßgeschneidert statt Standard mit hundert Kompromissen. Statt nur über KI-gestützte Entwicklung zu reden, haben wir Branchen ausgesucht, die ich gut genug kenne – oder in denen ich Freunde habe, die mir das Problem so lange erklären, bis es sitzt. Jeder Tailor teilt mit seinen Geschwistern dasselbe Fundament, aber spricht die Sprache seiner Branche: - iFlowTailor – für SAP-Integration, die ich seit 2006 baue: Die Werkzeuge für Entwicklung und Betrieb haben mir nie gereicht – also bauen wir die Werkbank für Entwicklung, Betrieb und Administration in einem. - AuthTailor – für Single Sign-on, weil in meinen SAP-Projekten immer wieder eine Anmeldung scheitert, ohne zu sagen, warum. Den Tracer haben wir zuerst für uns selbst in iFlowTailor gebaut – jetzt stellen wir ihn allen gratis zur Verfügung. - ProbeTailor – für Abnahmetests in SAP-Projekten und Fachsoftware, weil ich in all den Jahren SAP-Beratung zu viele Abnahmen in Excel-Listen und zu viele Screenshots in Mails gesehen habe. - JournalTailor – für die Kreditorenbuchhaltung vor SAP, BMD und DATEV, weil ich in SAP-Projekten zu oft gesehen habe, wie Rechnungen abgetippt werden, obwohl die Buchung dahinter längst Routine ist. - DocumentTailor – für SAP-Häuser, weil ich selbst fünfzehn Jahre lang Formulare auf den SAP Adobe Document Services gebaut habe und die Nachfolgefrage nicht länger unbeantwortet lassen wollte. - RecordTailor – für alle, die ein DMS brauchen, das nicht nur speichert, sondern liest – weil ich zu oft gesehen habe, wie jemand heimlich Excel öffnet, weil das DMS zu langsam ist. - ImmoTailor – für Hausverwaltungen und Projektentwickler, weil sich dort Buchhaltung, Technik und Portale besonders oft im Weg stehen. - TaxTailor – für Steuerkanzleien, weil ein Freund mir bei einem Glas Wein von seinem Windows-Terminal-Server erzählt hat. - DineTailor – für die Gastronomie, weil ich seit Jahren an fremden Tischen sitze und Champagner an Wirte verkaufe. - StayTailor – für die Hotellerie, weil die Thermenregion voller Betriebe steckt, die sich unter dem Konditionen-Diktat der Portale ducken. - MeetingTailor – für Sitzungen und Gremien, weil Stiftungsräte, Gemeinderäte und Vereinsvorstände in meinem Freundeskreis immer wieder dieselbe Nachtszene beschreiben. - Weintailor – für Winzerinnen und Winzer, weil wir mitten in einer Weinregion sitzen und jede zweite Reise ohnehin zur Weinreise wird. - BuildTailor – für Bau und Handwerk, weil Mängel, Pläne und Regieberichte auf der Baustelle entstehen – nicht im Büro. - FrontTailor – für SAP-Fiori-Entwicklung und -Betrieb, weil ich in meinen Projekten zu oft zehn Tabs, drei Transaktionen und einen Netzwerk-Trace gebraucht habe, um eine einzige Frage zu beantworten: Warum tut die App das? Die CloudDNA ist deshalb kein reiner SAP-Zulieferer mehr, sondern eine Werkstatt mit einer wachsenden Produktlinie. Wirtschaftlich mutiger. Menschlich das Ehrlichste, was wir tun konnten. 08Warum FrontTailor ### Zehn Tabs für eine Frage. Warum tut die App das? Mit Rene Glavanovits, Daniel Krancz und Maximilian Olzinger habe ich die Bücher zu SAPUI5, SAP Fiori Elements und Full-Stack-Entwicklung mit SAP geschrieben. Darin steht, wie Bindings funktionieren, wie Annotationen eine Object Page bauen und warum ein Component-Preload den Start rettet. Was in keinem Buch steht: wie es sich anfühlt, an einem Dienstagmorgen vor einer App zu sitzen, die gestern noch lief. So ein Morgen geht ungefähr so. Um 7:40 kommt die Mail: „Die Bestellfreigabe zeigt keine Positionen mehr.“ Der Transport ist gestern Abend nach PROD gegangen. Auf QA hat alles funktioniert. Also: - DevTools auf - Network-Tab filtern - $batch von Hand lesen - UI5 Diagnostics - SAP GUI: /IWFND/ERROR_LOG - ST22 - SU53 - Cache-Buster prüfen - QA zum Vergleich - Kollegin anrufen Zehn Tabs. Drei Systeme. Und jedes Werkzeug zeigt ein Stück: Der Network-Tab hat den roten Request, aber der Fehlertext steckt im Multipart-Body. UI5 Diagnostics kennt das Control, aber nicht den Request. Das Gateway-Fehlerprotokoll hat die Ursache, aber in einem anderen Fenster, mit einer Transaktions-ID, die man abschreiben muss. Und ob PROD wirklich dieselbe App-Version ausliefert wie QA, sagt einem keiner davon. Jedes Werkzeug sieht einen Teil. Den Zusammenhang sieht keins. In der Fliegerei gibt es dafür ein Wort: Situational Awareness. Ein Cockpit zeigt nicht zwanzig Instrumente nebeneinander, damit der Pilot sie selbst zusammenrechnet – es zeigt, was zusammengehört, zusammen. Genau das fehlte uns bei Fiori. Also haben wir das Cockpit für Fiori-Apps gebaut. FrontTailor ist ein Panel neben der App. Es weiß, welche UI5-Version läuft, welcher App-Typ, welches Launchpad, welches Backend. Es verbindet das Feld mit dem Control, das Control mit dem Binding, das Binding mit dem Request und den Request mit dem Fehlerprotokoll im richtigen System. Und es hat eine Regel, die wir aus der Fliegerei mitgenommen haben: Auf PROD wird nichts verändert, was sich nicht ausdrücklich verändern darf – im Zweifel bleibt es gesperrt. FrontTailor ist aus der täglichen Arbeit hinter diesen Büchern entstanden. Jedes Kapitel braucht ein Beispiel, jedes Beispiel eine App, und jede App irgendwann einen Fehler, den man erklären will. Die Fragen, die wir beim Schreiben immer wieder von Hand beantwortet haben – welches Control, welches Binding, welche Annotation, welcher Request –, sind heute die Ansichten im Panel. [Alle Bücher nach Thema](https://fronttailor.com/buecher). Der Dienstagmorgen bisher Mit FrontTailor $batch im Network-Tab entziffern Batch zerlegt, Fehlertext lesbar, Link ins Fehlerprotokoll Transaktions-ID abschreiben, ins SAP GUI wechseln Absprung mit Transaktions-ID und Zeitfenster „Auf QA geht’s doch“ Systemvergleich: Version, Cache-Buster, Flex, $metadata Nach dem Transport zwanzig Apps öffnen Morgencheck auf Klick, mit Vergleich zu gestern Screenshot, Rückfrage, Screenshot Ein maskierter Bericht, der ins Ticket passt Fünf Gedanken, nach denen FrontTailor gebaut ist: - Gedanke 1 · Ein Cockpit, nicht zehn Instrumente #### Was zusammengehört, steht zusammen. Vom Pixel zum Control, vom Request zum Control, vom Fehler ins Fehlerprotokoll des richtigen Systems. Die Übersicht sagt, wo du bist, bevor du suchst. - Gedanke 2 · Sterile Cockpit #### Auf PROD wird gelesen, nicht geändert. In kritischen Flugphasen spricht im Cockpit niemand über etwas anderes als den Flug. Auf PROD tut FrontTailor nichts anderes als lesen: Jede Änderung zur Laufzeit wird im Service Worker gegen das Host-Profil geprüft, und das Symbol wird rot. - Gedanke 3 · Freigabe für einen Flug #### Zugriff erst, wenn du ihn gibst. Als Fluglotse gibt man eine Freigabe für genau einen Flug. FrontTailor bekommt Zugriff auf eine App erst nach deiner Freigabe für diese Domain – und sendet nichts an uns. - Gedanke 4 · Checkliste statt Gedächtnis #### Was jeden Morgen gleich ist, macht die Maschine. Piloten arbeiten nach Checkliste, auch nach zehntausend Stunden. Der Morgencheck und die Release-Prüfung nach dem Transport sind unsere Checklisten für den Fiori-Betrieb. - Gedanke 5 · Ehrlich über die Grenzen #### Jede Zahl mit Quelle, jede Lücke beim Namen. Darum stehen auf dieser Website Fundstellen. Darum schreiben wir hin, dass die Extension die Ladezeit messbar beeinflusst, dass FrontTailor gerade erst die Beta verlassen hat und dass das ABAP-Add-on noch kein echtes SAP-System gesehen hat. Hinter FrontTailor steht das Team der CloudDNA: 24 Leute aus dem Südburgenland, darunter die Co-Autoren der Bücher. Wer mehr braucht als das Panel – eine Schulung fürs Team, eine Beratung zu UI5 2.0 oder zum Launchpad, eine App nach Maß –, bekommt sie von denselben Leuten. [Workshops, Beratung, Entwicklung](https://fronttailor.com/leistungen). „Fiori-App spinnt? Panel auf.“ Kein Slogan – so arbeiten wir selbst. [Community kostenlos installieren](https://fronttailor.com/#installieren) [Editionen und Preise](https://fronttailor.com/editionen) [Mit mir über euren Fiori-Betrieb sprechen](https://fronttailor.com/kontakt?thema=Enterprise) Die Familie der Tailors ### Vierzehn Geschwister – jeder für sein Handwerk. Jeder Tailor löst ein Problem, das wir aus der Nähe kennen. Die meisten Geschwister teilen sich die Tailor-Plattform mit EU-Datenhaltung und KI-Schicht. FrontTailor braucht davon nur den Kauf: Die Extension selbst hat keinen Server und arbeitet im Browser neben deiner Fiori-App. - F FrontTailor Entwickler-Tools für SAP Fiori® und UI5 – hier bist du. - [I iFlowTailor Werkbank für SAP Cloud Integration ↗](https://iflowtailor.com) - [A AuthTailor SAML- & OIDC-Tracer im Browser ↗](https://authtailor.com) - [P ProbeTailor Abnahmetests für SAP & Fachsoftware ↗](https://www.probetailor.com) - [J JournalTailor Rechnungseingang vor SAP, BMD & DATEV ↗](https://www.journaltailor.com) - [D DocumentTailor Dokumente & Signatur für SAP-Häuser ↗](https://documenttailor.com) - [R RecordTailor Dokumentenmanagement ↗](https://recordtailor.com) - [I ImmoTailor Hausverwaltung & Projektentwicklung ↗](https://www.immotailor.com) - [T TaxTailor Steuerberatung ↗](https://taxtailor.at) - [D DineTailor Restaurants ↗](https://dinetailor.com) - [S StayTailor Hotellerie ↗](https://staytailor.at) - [M MeetingTailor Tagungen & Events ↗](https://www.meetingtailor.com) - [W Weintailor Winzerinnen und Winzer ↗](https://weintailor.com) - [B BuildTailor Bau & Handwerk ↗](https://buildtailor.com) Häufige Fragen ### Fragen zur CloudDNA. **Wer steht hinter FrontTailor?** CloudDNA GmbH aus Loipersdorf im Südburgenland, gegründet von Martin Koch – ehemals Linienpilot und Fluglotse, seit 2006 in der SAP-Integration, SAP Champion und Co-Autor der Bücher „SAPUI5 – The Comprehensive Guide“, „SAP Fiori Elements“ und „Fullstack-Entwicklung mit SAP“ bei SAP PRESS. Das Team umfasst 24 Menschen. **Warum gibt es eine kostenlose Edition?** Weil die Grundfragen – welches Control, welcher Wert, welcher Request – jede Fiori-Entwicklerin und jeden Entwickler jeden Tag betreffen. Community bleibt kostenlos und steht unter Apache 2.0. Bezahlt wird, was Projekten und Betrieb Zeit spart: Pro, Team und Enterprise. **Was bedeutet „Wir bauen das“?** Die CloudDNA wandelt sich vom Dienstleister („We deliver“) zum Produktbauer: Entwicklerinnen und Entwickler arbeiten als Forward Deployed Engineers direkt beim Kunden und verantworten als Product Owner das Produkt über das Projekt hinaus. **Was sind die Tailors?** Eine Familie von Software der CloudDNA, die meisten Geschwister auf einem gemeinsamen Fundament, der Tailor-Plattform: unter anderem für SAP Fiori und UI5 (FrontTailor), SAP Cloud Integration (iFlowTailor), Single Sign-on (AuthTailor), Abnahmetests, Rechnungseingang, Dokumente, Hausverwaltung, Steuerberatung, Gastronomie, Hotellerie, Gremien, Weinbau und Bau. Deine Frage ist nicht dabei? Sprich mich an: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Schreib mir](https://fronttailor.com/kontakt) --- # Bücher zu SAPUI5, SAP Fiori Elements und SAP BTP · FrontTailor Quelle: https://fronttailor.com/buecher > SAPUI5, SAP Fiori Elements, Full-Stack, Git und SAP, SAP BTP: alle Bücher von Martin Koch bei SAP PRESS, nach Thema, mit ISBN und Link zum Verlag. Bücher bei SAP PRESS · Rheinwerk Verlag ## Das Panel zeigt, was passiert. Die Bücher erklären, warum. Martin Koch, Gründer der CloudDNA, hat mit Co-Autoren 16 Titel bei SAP PRESS geschrieben – elf Werke, viele davon auf Deutsch und Englisch. Vier stehen direkt hinter FrontTailor: SAPUI5, SAP Fiori Elements, Full-Stack-Entwicklung mit SAP und Git und SAP. Was dort über Controls, Bindings, Annotationen und Transporte steht, prüft das Panel an der laufenden App. Buchempfehlung Empfehlung in eigener Sache: Martin Koch, Gründer der CloudDNA, ist Autor oder Co-Autor dieser Bücher. Themen SAPUI5 und SAP Fiori Elements – Controls, Bindings, Annotationen Entwicklung und Transport – Full-Stack, Git und SAP SAP BTP – Sicherheit, Berechtigungen, Administration Low-Code – SAP Build, SAP Build Apps Weitere – Cloud Connector, Mobile Services, Cloud Integration ### SAPUI5 und SAP Fiori Elements Die Grundlage für alles, was FrontTailor im Inspector, im Model Explorer, in der Performance-Messung und im Annotation Explorer zeigt. - [SAPUI5 SAPUI5 The Comprehensive Guide Rene Glavanovits, Martin Koch, Daniel Krancz, Maximilian Olzinger Das umfassende Handbuch zu SAPUI5: Controls, Data Binding, Models und OData. Was dort steht, macht der Inspector von FrontTailor an der laufenden App sichtbar. Englisch · 776 Seiten · ISBN 9781493226603 Beim Verlag ansehen ↗](https://www.sap-press.com/sapui5_6012/) - [SAP Fiori Elements SAP Fiori Elements Grundlagen, Entwicklung und Erweiterung Rene Glavanovits, Martin Koch, Daniel Krancz, Maximilian Olzinger Wie Annotationen List Report und Object Page bauen, wie man Fiori-Elements-Apps entwickelt und erweitert. Der Annotation Explorer und das Scaffolding von FrontTailor setzen genau dort an. Deutsch · auch auf Englisch · 460 Seiten · ISBN 9783367113231 Beim Verlag ansehen ↗](https://www.rheinwerk-verlag.de/sap-fiori-elements/) ### Entwicklung und Transport Vom Backend-Service bis zum Transport nach PROD – der Hintergrund zu OData-Konsole, lokalem Code und Release-Prüfung. - [Full-Stack Fullstack-Entwicklung mit SAP Rene Glavanovits, Martin Koch, Daniel Krancz, Maximilian Olzinger Eine Anwendung über alle Schichten: vom Backend über OData bis zur Fiori-Oberfläche. Hilft, wenn der Fehler nicht im Frontend liegt, sondern irgendwo dazwischen. Deutsch · auch auf Englisch · 690 Seiten · ISBN 9783367103348 Beim Verlag ansehen ↗](https://www.rheinwerk-verlag.de/fullstack-entwicklung-mit-sap/) - [Transport Git und SAP Versionsverwaltung und Transporte Rene Glavanovits, Martin Koch, Daniel Krancz, Maximilian Olzinger Versionsverwaltung und Transporte mit Git für SAP-Entwicklungen. Der Hintergrund zu dem, was FrontTailor nach einem Transport prüft: Läuft auf PROD wirklich die Version, die auf QA lief? Deutsch · 340 Seiten · ISBN 9783836288507 Beim Verlag ansehen ↗](https://www.rheinwerk-verlag.de/git-und-sap/) ### SAP BTP: Sicherheit und Betrieb Rollen, Vertrauensstellungen und der Betrieb der Plattform – der Hintergrund zu Berechtigungsdiagnose, Launchpad Inspector und Morgencheck. - [Sicherheit SAP Business Technology Platform Sicherheit und Berechtigungen Martin Koch, Siegfried Zeilinger Identitäten, Rollen und Vertrauensstellungen auf der SAP BTP. Wer verstehen will, warum ein Nutzer eine Kachel nicht sieht oder ein Request mit 403 endet, findet hier die Grundlagen. Deutsch · auch auf Englisch · 394 Seiten · ISBN 9783836280983 Beim Verlag ansehen ↗](https://www.rheinwerk-verlag.de/sap-business-technology-platform-sicherheit-und-berechtigungen/) - [Administration SAP Business Technology Platform Administration Martin Koch, Siegfried Zeilinger Accounts, Subaccounts, Lizenzmodelle und Betrieb der SAP BTP. Für alle, die den Tenant nicht nur benutzen – und das Launchpad, auf dem die Apps laufen, verantworten. Deutsch · auch auf Englisch · 456 Seiten · ISBN 9783367100200 Beim Verlag ansehen ↗](https://www.rheinwerk-verlag.de/sap-business-technology-platform-administration/) ### Low-Code mit SAP Build Die andere Art, Apps auf der SAP BTP zu bauen. - [SAP Build SAP Build No-Code Development, Centralized Access, and Process Automation Rene Glavanovits, Gernot Haider, Martin Koch, Daniel Krancz No-Code-Entwicklung, zentraler Einstieg und Prozessautomatisierung mit SAP Build – die Low-Code-Seite neben UI5 und Fiori Elements. Englisch · 801 Seiten · ISBN 9781493224814 Beim Verlag ansehen ↗](https://www.sap-press.com/sap-build_5772/) - [SAP Build Apps Apps entwickeln mit SAP Build Apps Das Praxishandbuch Martin Koch, Daniel Krancz Das Praxishandbuch zu SAP Build Apps: Anwendungen ohne klassischen Code bauen, anbinden und ausrollen. Deutsch · 498 Seiten · ISBN 9783836291392 Beim Verlag ansehen ↗](https://www.rheinwerk-verlag.de/apps-entwickeln-mit-sap-build-apps/) ### Connectivity, Mobile und Integration Die übrigen Titel aus der Verlagssuche. - [Connectivity Cloud Connector für SAP Martin Koch, Siegfried Zeilinger Der Weg von der Cloud ins eigene Netz: Cloud Connector einrichten, absichern und betreiben. Deutsch · auch auf Englisch · 380 Seiten · ISBN 9783836297073 Beim Verlag ansehen ↗](https://www.rheinwerk-verlag.de/cloud-connector-fuer-sap/) - [Mobile SAP Mobile Services Das umfassende Handbuch Gernot Haider, Martin Koch, Daniel Krancz Das Handbuch zu SAP Mobile Services: mobile Apps auf der SAP BTP anbinden, absichern und betreiben. Deutsch · 376 Seiten · ISBN 9783836281270 Beim Verlag ansehen ↗](https://www.rheinwerk-verlag.de/sap-mobile-services-das-umfassende-handbuch/) - [Integration SAP Cloud Integration Cookbook Advanced Cloud Integration with SAP Integration Suite Martin Koch, Thorsten Reisinger, Marc Urschick Rezepte für Fehlerbehandlung, Retries, Security und Performance in SAP Integration Suite. Englisch · 567 Seiten · ISBN 9781493227655 Beim Verlag ansehen ↗](https://www.sap-press.com/sap-cloud-integration-cookbook_6176/) Vom Lesen zum Prüfen ### Das Kapitel kennst du. Jetzt sieh es an deiner App. Welches Control, welches Binding, welche Annotation, welcher Request: FrontTailor Community zeigt es kostenlos, direkt im Browser. [Community kostenlos installieren](https://fronttailor.com/#installieren) [Alle Funktionen](https://fronttailor.com/funktionen) Häufige Fragen ### Fragen zu den Büchern. **Gibt es ein Buch zu SAPUI5?** Ja. „SAPUI5 – The Comprehensive Guide“ von Rene Glavanovits, Martin Koch, Daniel Krancz und Maximilian Olzinger ist bei SAP PRESS im Rheinwerk Verlag erschienen, auf Englisch, mit 776 Seiten (ISBN 9781493226603). Es behandelt Controls, Data Binding, Models und OData in SAPUI5. **Gibt es ein Buch zu SAP Fiori Elements?** Ja, auf Deutsch und auf Englisch, beide von Rene Glavanovits, Martin Koch, Daniel Krancz und Maximilian Olzinger bei SAP PRESS: „SAP Fiori Elements – Grundlagen, Entwicklung und Erweiterung“ (460 Seiten, ISBN 9783367113231) und „SAP Fiori Elements – Development and Extensibility“ (413 Seiten, ISBN 9781493223732). **Brauche ich die Bücher, um FrontTailor zu benutzen?** Nein. FrontTailor zeigt dir ohne Vorwissen, welches Control, welcher Wert und welcher Request hinter einem Feld steckt. Die Bücher erklären, warum UI5 und Fiori Elements so arbeiten – wer beides kennt, liest die Befunde des Panels schneller. **Warum empfiehlt FrontTailor genau diese Bücher?** Weil sie von uns sind: Martin Koch, Gründer der CloudDNA, ist Autor oder Mitautor aller Titel auf dieser Seite. Es ist also eine Empfehlung in eigener Sache. Wir zeigen hier keine Rezensionen und keine Verkaufszahlen; die Links führen ohne Tracking-Parameter direkt zum Rheinwerk Verlag. Deine Frage ist nicht dabei? Sprich mich an: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Schreib mir](https://fronttailor.com/kontakt) --- # Workshops, Beratung und Entwicklung für Fiori · FrontTailor Quelle: https://fronttailor.com/leistungen > Workshops zu SAPUI5, Fiori Elements und FrontTailor, Beratung zu UI5 2.0, Performance und Launchpad, Entwicklung von Fiori- und CAP-Apps: Leistungen der CloudDNA. Leistungen · CloudDNA ## Das Werkzeug von uns. Die Leute auf Wunsch auch. FrontTailor kommt von der CloudDNA, SAP Silver Partner aus Österreich für den DACH-Raum. Das Panel zeigt, warum eine Fiori-App sich so verhält. Wenn ihr danach jemanden braucht, der euer Team schult, den Befund mit euch behebt oder die App baut, machen wir das selbst – mit dem Team, das die Bücher zu SAPUI5 und Fiori Elements geschrieben hat. Workshops & SchulungenBeratungEntwicklung - Partner SAP Silver Partner SAP-BTP-Partner für Österreich, Deutschland und die Schweiz. - Fiori Elements first Freestyle nur, wenn nötig; Performance-Budgets und Quality Gates im Projekt. - Training 80+ Workshops Hands-on, inhouse oder remote, bis zur MasterCLASS. - Team Die Autoren Die Autoren der Bücher zu SAPUI5 und Fiori Elements arbeiten bei der CloudDNA. - Wissen 16 Bücher Von Martin Koch und Co-Autoren [bei SAP PRESS](https://fronttailor.com/buecher). Workshops & Schulungen ### Wie lernt euer Team, was das Panel zeigt? Vom Onboarding für FrontTailor über Hands-on-Workshops zu SAPUI5, Fiori Elements und OData bis zu KI im SAP-Umfeld. Inhouse oder remote, auf eure Systemrealität zugeschnitten. #### FrontTailor-Onboarding für euer Team Wir richten FrontTailor mit euch ein und üben am eigenen Launchpad: Host-Profile mit PROD-Kennzeichen, ein erstes Team-Paket mit Filtern, Snippets, Budgets und bekannten Fehlern, Richtlinien für die IT. Danach liest jedes Teammitglied die Befunde des Panels selbst. **Für wen** Teams mit Team oder Enterprise: Entwicklung, Betrieb, Key User, IT **Format** Inhouse oder remote; Umfang nach Absprache **Im Panel** [Team-Sync](https://fronttailor.com/funktionen#team), [Admin-Richtlinien](https://fronttailor.com/sicherheit#richtlinien) **Zum Buch** [SAPUI5 – The Comprehensive Guide](https://www.sap-press.com/sapui5_6012/) [Anfragen](https://fronttailor.com/kontakt?thema=Workshop) #### Hands-on-Workshops zu SAPUI5, Fiori Elements, OData und CAP Aus dem Workshop-Katalog der CloudDNA: „SAP Fiori Freestyle-Applikationen mit SAPUI5 entwickeln“ (HOUI5), „SAP Fiori Elements – schnell produktiv mit Low-Code“ (HOFIO), „OData-Protokoll in der SAP-Welt verstehen und anwenden“ (HODAT), „SAP Cloud Application Programming Model“ (HOCAP) und „Backend-Entwicklung mit dem ABAP RESTful Application Programming Model“ (HORAP). Live Coding statt Folien, geleitet von SAP Engineers der CloudDNA. **Für wen** Entwicklerinnen und Entwickler, ideal 4–8 Teilnehmende **Format** Hands-on-Training 2–3 Tage, Szenario-Workshop 2–5 Tage, MasterCLASS 4–8 Wochen; inhouse oder remote **Im Panel** [Control Inspector](https://fronttailor.com/funktionen#inspector), [OData-Konsole](https://fronttailor.com/funktionen#odata) **Zum Buch** [SAPUI5 – The Comprehensive Guide](https://www.sap-press.com/sapui5_6012/), [SAP Fiori Elements – Grundlagen, Entwicklung und Erweiterung](https://www.rheinwerk-verlag.de/sap-fiori-elements/) [Anfragen](https://fronttailor.com/kontakt?thema=Workshop) [Workshop-Katalog auf clouddna.at ↗](https://www.clouddna.at/sap-workshops/) #### Coaching und MasterCLASS mit dem Team der Autoren Architektur-Coaching für Tech Leads und mehrwöchige MasterCLASS-Strecken mit Rollenpfaden, Homework, Office Hours und Review Gates. Die Autoren der SAP-PRESS-Bücher zu SAPUI5, Fiori Elements und Full-Stack-Entwicklung – Martin Koch, Daniel Krancz, Rene Glavanovits und Maximilian Olzinger – arbeiten bei der CloudDNA. **Für wen** Architektinnen, Tech Leads und Teams, die Standards dauerhaft verankern wollen **Format** Coaching laufend, MasterCLASS 4–8 Wochen **Im Panel** [Fiori-Design-Guidelines-Validator](https://fronttailor.com/funktionen#qualitaet) **Zum Buch** [Fullstack-Entwicklung mit SAP](https://www.rheinwerk-verlag.de/fullstack-entwicklung-mit-sap/), [SAP Fiori Elements – Grundlagen, Entwicklung und Erweiterung](https://www.rheinwerk-verlag.de/sap-fiori-elements/) [Anfragen](https://fronttailor.com/kontakt?thema=Workshop) #### TailorCampus D6: KI im SAP-Umfeld Joule und eingebettete KI in SAP, KI-Dienste auf der SAP BTP, Clean Core: KI neben dem Kern statt im Kern, Integration mit Copilot, ChatGPT und Co., Use Cases in Finanzen, Einkauf und Logistik. Ergebnis: eine SAP-KI-Landkarte mit Prioritäten. **Für wen** SAP-Verantwortliche, Key User, IT **Format** ½ Tag, Deep Dive, Fortgeschritten **Im Panel** [KI-Assistent mit eigenem Schlüssel](https://fronttailor.com/funktionen#ki) **Zum Buch** [SAP Business Technology Platform – Administration](https://www.rheinwerk-verlag.de/sap-business-technology-platform-administration/) [Anfragen](https://fronttailor.com/kontakt?thema=Workshop) [D6 auf TailorCampus ↗](https://www.tailorcampus.com/programm/d6-ki-im-sap-umfeld) #### TailorCampus B8: KI im Mittelstand mit SAP „KI rund um den Kern“: Kontierungsvorschlag für eine Eingangsrechnung, Angebotsanfrage in drei Sprachen, Materialkurztexte, Abweichungskommentar und Key-User-Anleitung – die Arbeit vor und nach SAP. Als Lernpfad „Mittelstand mit SAP“ zusammen mit Use Cases und Strategie, D6 und Agenten und Automatisierung, ca. 6 Wochen. **Für wen** Key User, Fachbereiche und Geschäftsführung in mittelständischen Unternehmen mit SAP **Format** Branchen-Workshop, drei Stunden; Lernpfad ca. 6 Wochen **Im Panel** [Problem melden](https://fronttailor.com/funktionen#entwickeln) [Anfragen](https://fronttailor.com/kontakt?thema=Workshop) [B8 auf TailorCampus ↗](https://www.tailorcampus.com/branchen/b8-mittelstand-sap) #### TailorCampus D7: Prompt- und Agent-Engineering Systemanweisungen und Vorlagen, Kontext gezielt steuern, Testfragen mit bekannter Antwort, Fehleranalyse und Iteration. Ergebnis: ein getesteter Agent mit Testset – passend zu den KI-Use-Cases, die FrontTailor mit eigenem Schlüssel anbietet. **Für wen** Power User, KI-Champions **Format** ½ Tag, Deep Dive, Fortgeschritten **Im Panel** [KI-Assistent mit eigenem Schlüssel](https://fronttailor.com/funktionen#ki) [Anfragen](https://fronttailor.com/kontakt?thema=Workshop) [D7 auf TailorCampus ↗](https://www.tailorcampus.com/programm/d7-prompt-und-agent-engineering) Beratung ### Das Panel zeigt den Befund. Wer hilft beim Beheben? Zu allem, was FrontTailor diagnostiziert: UI5 2.0, Performance, Fiori Elements, Launchpad und Berechtigungen, Transporte, SAP BTP. Vom selben Team, das die Bücher dazu geschrieben hat. #### UI5 2.0: Readiness und Migration Wir gehen mit euch die Befunde des Readiness-Checks durch – Blocker, veraltete APIs, synchrones Laden, Themes und Bibliotheken je App –, priorisieren und setzen die Migration um: mit sauberer SAPUI5-Architektur, damit die App danach upgrade-sicher bleibt. **Für wen** Teams mit eigenen Freestyle-Apps und Erweiterungen **Format** Bestandsaufnahme, dann Umsetzung in Sprints **Im Panel** [UI5-2.0-Readiness-Check](https://fronttailor.com/funktionen#qualitaet), [Bibliotheksanalyse](https://fronttailor.com/funktionen#qualitaet) **Zum Buch** [SAPUI5 – The Comprehensive Guide](https://www.sap-press.com/sapui5_6012/) [Anfragen](https://fronttailor.com/kontakt?thema=Beratung) #### Fiori-Performance-Review Messen statt vermuten: Ladezeit-Budgets, OData-Disziplin, Lazy Loading und eine Messmethode, die im Projekt bleibt. Ergebnis sind Quick Wins für sofortige Wirkung und Budgets je App, die der Profiler danach bei jeder Version prüft. **Für wen** Apps, die zu langsam starten oder bei denen es nach jeder Version schlechter wird **Format** Als Teil eines Fiori-Audits oder einzeln **Im Panel** [Performance-Profiler](https://fronttailor.com/funktionen#performance), [Performance-Budgets](https://fronttailor.com/funktionen#performance) **Zum Buch** [SAPUI5 – The Comprehensive Guide](https://www.sap-press.com/sapui5_6012/) [Anfragen](https://fronttailor.com/kontakt?thema=Beratung) #### Fiori Elements und Annotationen Fiori-Elements-Coaching: Standards, Patterns und Umsetzung, damit es upgrade-sicher bleibt. Dazu die Entscheidung Elements oder Freestyle je App – „Elements first, Freestyle nur wenn nötig“ – und ein Fiori-Audit eurer wichtigsten Apps und Rollen. **Für wen** Teams mit List Report, Object Page, Worklist, Overview Page oder Analytical List Page, OData V2 oder V4 **Format** Coaching, Audit oder Fixpreis-Quickstart-Workshop **Im Panel** [Annotation Explorer](https://fronttailor.com/funktionen#qualitaet), [Scaffolding](https://fronttailor.com/funktionen#entwickeln) **Zum Buch** [SAP Fiori Elements – Grundlagen, Entwicklung und Erweiterung](https://www.rheinwerk-verlag.de/sap-fiori-elements/) [Anfragen](https://fronttailor.com/kontakt?thema=Beratung) #### Launchpad, Rollen und Berechtigungen Spaces und Pages, Navigation, Kachel- und Zielgruppenlogik und das Betriebssetup des Launchpads – und die Sicherheit dahinter: OAuth, IAS/IPS, XSUAA, Rollen und Berechtigungen. Für die Frage „Warum fehlt die Kachel?“ und alles, was danach kommt. **Für wen** Launchpad-Verantwortliche, Basis, Berechtigungsteams **Format** Analyse und Umsetzung, auch als Teil eines Fiori-Rollouts **Im Panel** [Launchpad Inspector](https://fronttailor.com/funktionen#betrieb), [Berechtigungsdiagnose](https://fronttailor.com/funktionen#betrieb) **Zum Buch** [SAP Business Technology Platform – Sicherheit und Berechtigungen](https://www.rheinwerk-verlag.de/sap-business-technology-platform-sicherheit-und-berechtigungen/), [SAP Business Technology Platform – Administration](https://www.rheinwerk-verlag.de/sap-business-technology-platform-administration/) [Anfragen](https://fronttailor.com/kontakt?thema=Beratung) #### Release- und Transportqualität Pipeline, Teststrategie, Transport- und Branching-Modell und Quality Gates – mit gCTS, ABAP Git und SAP Cloud Transport Management, CTS+ oder hybrid. Damit „auf QA ging es noch“ seltener vorkommt und Releases planbar werden. **Für wen** Teams, deren Releases zu langsam oder zu riskant sind **Format** DevOps-Assessment, dann Aufbau Schritt für Schritt **Im Panel** [Release-Prüfung nach Transport](https://fronttailor.com/funktionen#betrieb), [Systemvergleich DEV/QA/PROD](https://fronttailor.com/funktionen#betrieb) **Zum Buch** [Git und SAP – Versionsverwaltung und Transporte](https://www.rheinwerk-verlag.de/git-und-sap/), [Fullstack-Entwicklung mit SAP](https://www.rheinwerk-verlag.de/fullstack-entwicklung-mit-sap/) [Anfragen](https://fronttailor.com/kontakt?thema=Beratung) #### SAP BTP: Sicherheit und Administration Die BTP als Innovationsschicht über S/4HANA: Account-Modell, Subaccounts, Destinations, Work Zone, CAP, Sicherheit mit OAuth, IAS/IPS und XSUAA, Rollen und Berechtigungen, Cloud Connector – mit Governance, damit Erweiterungen upgrade-sicher bleiben. **Für wen** Plattform-Teams, Architektur, IT-Sicherheit **Format** Einstieg mit Architecture Readiness in 90 Minuten, dann Projekt **Im Panel** [Berechtigungsdiagnose](https://fronttailor.com/funktionen#betrieb), [Sicherheit der Extension](https://fronttailor.com/sicherheit) **Zum Buch** [SAP Business Technology Platform – Sicherheit und Berechtigungen](https://www.rheinwerk-verlag.de/sap-business-technology-platform-sicherheit-und-berechtigungen/), [SAP Business Technology Platform – Administration](https://www.rheinwerk-verlag.de/sap-business-technology-platform-administration/) [Anfragen](https://fronttailor.com/kontakt?thema=Beratung) Entwicklung ### Und wenn jemand die App bauen soll? Fiori- und UI5-Apps, CAP und RAP, Erweiterungen von Fiori-Elements-Apps – und alles, was FrontTailor im Unternehmen braucht: Backend-Add-on, Team-Pakete, Richtlinien, Sideload. #### Fiori-, UI5- und CAP-Apps nach Maß Full Stack auf SAP: ABAP/ABAP Cloud, RAP, CAP und OData als Service-Schicht, Fiori Elements und SAPUI5 bis zum Launchpad-Rollout. Für ein erstes Fiori-Feature inklusive Design und Umsetzung rechnet die CloudDNA mit 2–4 Sprints. **Für wen** Fachbereiche und IT mit einem Prozess, für den es keine Standard-App gibt **Format** Projekt in Sprints, side-by-side auf der SAP BTP oder on-premise **Im Panel** [Lokaler Code im echten Launchpad](https://fronttailor.com/funktionen#entwickeln), [Scaffolding für Tests](https://fronttailor.com/funktionen#entwickeln) **Zum Buch** [Fullstack-Entwicklung mit SAP](https://www.rheinwerk-verlag.de/fullstack-entwicklung-mit-sap/), [SAPUI5 – The Comprehensive Guide](https://www.sap-press.com/sapui5_6012/) [Anfragen](https://fronttailor.com/kontakt?thema=Entwicklung) #### Erweiterungen von Fiori-Elements-Apps Erweitern, ohne das nächste Upgrade zu blockieren: keine Modifikationen am Standard, Side-by-Side Extensibility statt In-App-Erweiterungen, saubere OData-Schnittstellen und Fiori Elements als Default. **Für wen** Teams, deren Standard-App fast passt **Format** Projekt oder Coaching am eigenen Code **Im Panel** [Annotation Explorer](https://fronttailor.com/funktionen#qualitaet) **Zum Buch** [SAP Fiori Elements – Grundlagen, Entwicklung und Erweiterung](https://www.rheinwerk-verlag.de/sap-fiori-elements/) [Anfragen](https://fronttailor.com/kontakt?thema=Entwicklung) #### ABAP-Backend-Add-on für FrontTailor Enterprise Das optionale, nur lesende Add-on (RAP, OData V4) beantwortet in der Berechtigungsdiagnose die Stufen Rolle und Startberechtigung, auf Wunsch für einen anderen Benutzer – jede Simulation in SLG1 protokolliert. Wir führen es mit euch ein: Installation, Berechtigungsobjekt, Test. Ehrlich gesagt: Der ABAP-Code ist noch nicht auf einem echten SAP-System getestet; eure Einführung wäre eine der ersten. **Für wen** Enterprise-Kunden mit S/4HANA on-premise oder Private Cloud **Format** Einführung als Pilot, mit eurer Basis **Im Panel** [Backend-Service (optional)](https://fronttailor.com/funktionen#betrieb) **Zum Buch** [SAP Business Technology Platform – Sicherheit und Berechtigungen](https://www.rheinwerk-verlag.de/sap-business-technology-platform-sicherheit-und-berechtigungen/) [Anfragen](https://fronttailor.com/kontakt?thema=Entwicklung) #### FrontTailor für euer Unternehmen Team-Pakete mit euren Host-Profilen, PII-Regeln, Budgets und bekannten Fehlern, optional signiert; Richtlinien für Gruppenrichtlinie, Intune oder Jamf – erlaubte Hosts, PROD-Hosts, Module, KI-Anbieter, Ticket-Ziele; Sideload als Paket für Rechner ohne Chrome Web Store. **Für wen** Konzern-IT und Plattform-Teams **Format** Mit dem Enterprise-Angebot **Im Panel** [Team-Sync](https://fronttailor.com/funktionen#team), [Richtlinien](https://fronttailor.com/sicherheit#richtlinien) **Zum Buch** [SAP Business Technology Platform – Administration](https://www.rheinwerk-verlag.de/sap-business-technology-platform-administration/) [Anfragen](https://fronttailor.com/kontakt?thema=Entwicklung) Gespräch ### 30 Minuten, eure Apps, eine ehrliche Einschätzung. Erzählt uns, welche Fiori-Apps ihr betreibt, auf welcher UI5-Version sie laufen und was euch gerade bremst. Danach wisst ihr, ob ihr ein Werkzeug braucht, eine Schulung, eine Beratung oder jemanden, der die App baut – oder nichts davon. [Beratung anfragen](https://fronttailor.com/kontakt?thema=Beratung) [Workshop anfragen](https://fronttailor.com/kontakt?thema=Workshop) [Entwicklung besprechen](https://fronttailor.com/kontakt?thema=Entwicklung) Häufige Fragen ### Fragen zu Workshops, Beratung und Entwicklung. **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. Im Team arbeiten die Autoren von „SAPUI5 – The Comprehensive Guide“. Anfragen über die Kontaktseite mit dem Anliegen „Beratung“. **Gibt es Schulungen zu FrontTailor?** Ja. Das FrontTailor-Onboarding richtet das Panel mit eurem Team ein – Host-Profile, ein erstes Team-Paket, Richtlinien für die IT – und übt am eigenen Launchpad, inhouse oder remote. Dazu gibt es Hands-on-Workshops der CloudDNA zu SAPUI5, Fiori Elements, OData, CAP und RAP. **Muss ich FrontTailor nutzen, um mit der CloudDNA zu arbeiten?** Nein. Workshops, Beratung und Entwicklung gibt es auch ohne FrontTailor. Umgekehrt braucht FrontTailor keinen Beratungsvertrag – Community ist kostenlos. **Was kosten Workshops und Beratung?** Das hängt von Format, Dauer und Teamgröße ab. Feste Preise stehen hier deshalb nicht; nach einem kurzen Gespräch bekommst du ein Angebot. Die Preise der Editionen von FrontTailor stehen auf der Seite Editionen. **Sind die TailorCampus-Workshops auch auf Englisch?** Die Workshops von TailorCampus, dem Campus der Tailor-Familie, finden auf Deutsch statt. Für Hands-on-Workshops, Coaching und Beratung der CloudDNA klären wir die Sprache im Vorgespräch. Deine Frage ist nicht dabei? Sprich mich an: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Schreib mir](https://fronttailor.com/kontakt) --- # Alle Fundstellen · FrontTailor Quelle: https://fronttailor.com/fundstellen > Das Quellenverzeichnis der FrontTailor-Website: jede Produktaussage, jede Zahl und jede Angabe zu Büchern und Anbieter mit Fundstelle und Prüfdatum. Manifest ## Fundstellen. „Blitzschnell.“ „Enterprise-ready.“ „KI-gestützt.“ – Entwicklerwerkzeuge versprechen viel und belegen wenig. Für ein Werkzeug, das in Fiori-Apps nachschaut, statt zu raten, wäre das peinlich. Deshalb hat jede Aussage auf dieser Website eine Fundstelle: Produktaussagen mit der Dokumentation der Extension und dem Stand Version 1.0.0, die erste stabile Version, mit Lizenzprüfung und 7 Tagen Testphase, Stand der Doku vom 10.11.2026, Bücher und Anbieter mit Link und Datum. Die Gewohnheit teilen alle Geschwister der Tailor-Familie. Bei uns heißt sie: auch die Zahl, die gegen uns spricht. ### Produkt - #### Name und Markenregeln Der Name lautet „CloudDNA FrontTailor – Developer Tools for SAP Fiori® and UI5 apps“, kurz FrontTailor. SAP-Marken stehen nur beschreibend („for SAP Fiori® and UI5 apps“, ® bei der ersten Nennung) und nie als Teil eines eigenen Namens, Logos oder einer Domain. Der Markenhinweis steht wörtlich in Store-Text, README und Lizenzansicht der Extension. FrontTailor-Produktdokumentation, ADR-045 „Produktname“ · geprüft am 09.11.2026 - #### Browser-Extension für Chrome und Edge (Manifest V3) FrontTailor ist eine Extension nach Manifest V3 für Chrome und Edge ab Version 137 (wegen Ed25519 in WebCrypto für die Lizenzprüfung). Sie bringt ein DevTools-Panel, ein Side-Panel und ein Popup mit; Oberfläche in Deutsch und Englisch, SAP Horizon hell und dunkel. FrontTailor-Produktdokumentation, Manifest (apps/extension/manifest.config.ts) und ADR-014 · geprüft am 09.11.2026 - #### Lizenzprüfung an: 7 Tage Testphase, danach Community Seit Version 1.0.0, der ersten stabilen Version, ist die Lizenzprüfung eingeschaltet. Jede neue Installation bekommt 7 Tage lang alle Editionen, ohne Lizenzschlüssel. Danach gilt Community, bis ein gültiger Schlüssel eingetragen ist. Eine gültige Lizenz geht immer vor. Administratoren können die Testphase per Richtlinie trial: false abschalten. Version 0.1.0 war eine Beta ohne Lizenzprüfung. FrontTailor-Produktdokumentation, ADR-014 „Modul-Registry und Lizenz“ · geprüft am 10.11.2026 - #### UI5 1.71 bis 2.x, SAPUI5 und OpenUI5 Ein Adapter kapselt alle UI5-API-Generationen (Core-API bis 1.119, Modul-API ab 1.120 und 2.x). Die E2E-Tests laufen gegen die CDN-Runtimes 1.71, 1.96, 1.108, 1.120, 1.136, 1.154 und 2.x. Fehlt eine API, wird das Modul abgeschaltet statt falsche Daten zu zeigen; in die Seite wirft der Adapter nie eine Exception. FrontTailor-Produktdokumentation, ADR-002 „UI5-Adapter“ · geprüft am 09.11.2026 - #### Systemsteckbrief ohne Einrichtung Nach der Freigabe der Domain zeigt FrontTailor UI5-Version, Theme, Sprache, Launchpad-Variante, App, App-Typ (Freestyle, Fiori Elements V2 oder V4) und die Datenquellen mit Backend-Typ – kopierbar als Markdown, in DevTools-Panel, Side-Panel und Popup. FrontTailor-Produktdokumentation, README und Store-Text (docs/store-listing.md) · geprüft am 09.11.2026 - #### Badge-Ampel und Host-Profile Das Symbol zeigt grau (kein UI5), grün (UI5 erkannt), gelb mit Fehlerzahl (Fehler im UI5-Log oder Requests mit Status ab 400) und rot (PROD-Profil). Host-Profile haben Name, Farbe und PROD-Kennzeichen; per Richtlinie prodHosts erzwungenes PROD lässt sich im Profil nicht abschalten. Gespeichert werden nur Schema, Host und Pfad, nie Query-Strings. FrontTailor-Produktdokumentation, ADR-003 „Ampel, Sitzungsfehler, Profile“ · geprüft am 09.11.2026 - #### PROD-Sperre im Background, fail closed Jede Route, die zur Laufzeit etwas ändert, trägt prodGuard: true. Der Background lehnt sie auf PROD-Tabs mit „Forbidden“ ab, bevor der Request die Seite erreicht; im Zweifel wird gesperrt. Betroffen sind u. a. Property-Edit, Replay, Personalisierungs-Reset, Cache-Reset, Versions-Override, Fehlersimulation und lokaler Code. FrontTailor-Produktdokumentation, ADR-004 „Feature-Module“ · geprüft am 09.11.2026 - #### Control Inspector mit Pick-Modus und „Kopieren als“ Control-Baum, Properties, Aggregationen, Assoziationen, Events, Bindings, Kontexte und Owner-Component – im DevTools-Panel und im Side-Panel, auch in iFrames und im Launchpad. Pick-Modus mit Alt+Shift+F, „Kopieren als“ ID, OPA5, wdi5, Playwright oder XML (generierte IDs landen nie im Selektor), Live-Bearbeitung von Properties mit PROD-Sperre, „Als Variable speichern“ und Links in die API-Referenz der laufenden Version und in rund 110 Seiten der Fiori Design Guidelines. Baum bis 20.000 Knoten. FrontTailor-Produktdokumentation, ADR-005 „Control Inspector“ · geprüft am 09.11.2026 - #### Model Explorer mit Snapshot, Diff und i18n-Lookup Liest JSONModel, ODataModel V2 und V4, ResourceModel, XMLModel und das Device-Model – nur lesend, ohne eigenen Netzwerkzugriff. Snapshot und Diff vorher/nachher, i18n-Lookup mit Schlüssel, Bundle und Werten je Sprache, Suche nach fehlenden Schlüsseln auf Klick. FrontTailor-Produktdokumentation, ADR-006 „Model Explorer“ · geprüft am 09.11.2026 - #### Vom Request zum Control springen Aus einem OData-Request oder einer Metadaten-Property führt ein Klick zum gebundenen UI5-Control – V2 und V4, Freestyle, Fiori Elements, Launchpad und iFrames. Gemessen 0,5 bis 4,0 ms je Suche. FrontTailor-Produktdokumentation, ADR-010 „Zum Control springen“ · geprüft am 09.11.2026 - #### Flex-Check und gezielter Personalisierungs-Reset Zeigt Änderungen je Layer (USER, CUSTOMER, VENDOR, PARTNER …), Variantenverwaltungen und Key-User-Versionen. Zurückgesetzt wird nur der USER-Layer des eigenen Benutzers – ganze App, je Control oder je Variantenverwaltung –, auf PROD gesperrt und mit doppelter Bestätigung. FrontTailor-Produktdokumentation, ADR-011 „Flex-Personalisierung“ · geprüft am 09.11.2026 - #### Lesezeichen für den App-Zustand „Zustand merken“ speichert Adresse, Variante, Filterwerte, Tab oder Abschnitt und auf Wunsch bis zu 20 aufgezeichnete Schritte; ein Klick stellt den Zustand wieder her. Schritte, die Daten ändern könnten, werden auf PROD nicht wiederholt. Community; Team-Lesezeichen über Team-Sync sind Team. FrontTailor-Produktdokumentation, ADR-038 „App-Zustand-Lesezeichen“ · geprüft am 09.11.2026 - #### Entwickler-Komfort „Nur eigenen Code debuggen“ setzt sap-ui-debug auf die Namensräume der App, UI5 bleibt optimiert. URL-Vorlagen (Horizon Dark, RTL, Barrierefreiheit, Preload aus, Anmeldesprache, Mandant) mit einem Klick. „Im Editor öffnen“ springt in VS Code, Cursor, IntelliJ IDEA oder WebStorm in die Zeile der View. Community. FrontTailor-Produktdokumentation, ADR-039 „Entwickler-Komfort“ · geprüft am 09.11.2026 - #### Cache-Reset, Debug-Schalter und Befehlspalette Cache-Reset je Ziel (Browser-Cache nur der Domain des Tabs, nie Cookies oder Passwörter) mit doppelter Bestätigung und PROD-Sperre; Debug-Schalter als URL-Parameter, der Launchpad-Hash bleibt erhalten; bis zu 20 URL-Profile je Host; Befehlspalette mit Alt+Shift+K, Favoriten und den letzten zehn Befehlen. FrontTailor-Produktdokumentation, ADR-008 „Werkzeuge: Cache, Debug, Palette“ · geprüft am 09.11.2026 - #### UI5-Version vom SAP-CDN testen Leitet in genau einem Tab nur die UI5-Dateien der App auf ui5.sap.com bzw. sdk.openui5.org in der gewählten Version um; der eigene Code der App bleibt unberührt. Auf PROD gesperrt, Ausschalten geht immer, die Regeln enden mit dem Tab. Eine strenge CSP der Seite kann den Override verhindern. FrontTailor-Produktdokumentation, ADR-012 „UI5-Versions-Override“ · geprüft am 09.11.2026 - #### OData-Konsole für V2 und V4 Zeichnet die OData-Requests der App auf und zerlegt $batch (Multipart und V4-JSON) in Einzelteile. Fehler werden lesbar für Gateway V2, V4/RAP/CAP, ICF-HTML und sap-message, mit Link ins Gateway-Fehlerprotokoll (/IWFND/ERROR_LOG). Gemessener Overhead rund 0,2 ms je Request. Export als cURL, .http, Postman und HAR ohne Tokens; Replay nur nach Vorschau, same-origin und auf PROD gesperrt; Katalog mit 76 erklärten Headern. Das Protokoll liegt lokal in IndexedDB und wird beim Schließen des Tabs gelöscht. Community. FrontTailor-Produktdokumentation, ADR-007 „OData-Konsole“ · geprüft am 09.11.2026 - #### Grafischer Metadata-Explorer Diagramm der Entitäten für V2 und V4 mit Navigationen und Kardinalität, Pfadfinder für ein kopierbares $expand, Live-Overlay der Requests und Fehler, Export als SVG, PNG und Mermaid – alles lokal. 303 Typen mit 1.200 Kanten in 35 bis 56 ms gelayoutet. FrontTailor-Produktdokumentation, ADR-015 „Metadata-Explorer“ · geprüft am 09.11.2026 - #### Gespeicherte Filter und Replay-Sammlungen Filtervarianten wie in Fiori, Replay-Sammlungen mit Adressen relativ zum Service (laufen auf DEV, QAS und PROD, dort nur Anzeige), Favoriten in der Befehlspalette. Gespeicherte Replays enthalten nie Tokens, Cookies oder Authorization-Header. FrontTailor-Produktdokumentation, ADR-029 „Gespeicherte Filter, Replays, Favoriten“ · geprüft am 09.11.2026 - #### Fehlersimulation für OData Regeln je Service, Entity-Set, Methode und optional $batch-Teil antworten mit HTTP 400 bis 599 samt SAP-Fehlertext (V2/V4, innererror mit Transaktions-ID), Verzögerung, leerem Ergebnis, eigenem JSON, Netzwerkfehler oder abgelaufenem CSRF-Token – einmal, N-mal oder immer. Höchstens 30 Regeln je Tab, Banner in der Seite, Kennzeichen „simuliert“ in der Konsole, auf PROD gesperrt. Pro. FrontTailor-Produktdokumentation, ADR-037 „Fehlersimulation“ · geprüft am 09.11.2026 - #### Performance-Profiler mit Ampel Misst TTFB, FCP, LCP, TTI (Näherung), Requests und Größen, Component-Preload, async/manifest-first, Library-Preload, Theme-Cache, langsame OData-Calls und Long Tasks, mit Ampel und Empfehlung. Die Schwellen sind Faustregeln von FrontTailor, keine SAP-Grenzwerte. Vor „Messung starten“ kein Overhead. Das CPU-Tiefenprofil läuft über die separate, kostenlose Erweiterung „FrontTailor Profiler Companion“ – nur sie hält die Berechtigung debugger. Pro. FrontTailor-Produktdokumentation, ADR-016 „Performance-Profiler“ · geprüft am 09.11.2026 - #### Performance-Budgets je App Sieben Kennzahlen mit Standard-Budgets: Startzeit 3.000 ms, 80 Requests, 2,5 MB Transfer, größtes App-Bundle 1 MB, 0 synchrone Requests, 5 $batch, Renderzeit (LCP) 2.500 ms. Urteil oben im Bericht, etwa „2 Budgets überschritten: Startzeit +38 % seit Version 1.4.0“; Verlauf je Kennzahl, Export und Import als JSON. Pro; Team-Budgets über Team-Sync sind Team. FrontTailor-Produktdokumentation, ADR-044 „Performance-Budgets“ · geprüft am 09.11.2026 - #### Eigenanteil am Ladezeit-Overhead gemessen Im A/B-Vergleich der drei Demo-Apps liegt der Anteil des FrontTailor-Codes an der Ladezeit bei 0,7 %, 0,1 % und 1,0 %. Der Gesamtaufschlag mit den nötigen Berechtigungen beträgt 10,9 %, 4,2 % und 1,6 % – in der Freestyle-App entfallen davon 7 bis 12 Prozentpunkte auf Chromium selbst, sobald webRequest und declarativeNetRequest aktiv sind. FrontTailor-Produktdokumentation, ADR-009 „Qualitätssicherung und Release“ · geprüft am 09.11.2026 - #### UI5-2.0-Readiness-Check Beobachtet die laufende App auf APIs, die in UI5 2.x entfallen: sap.ui.getCore(), jQuery.sap.*, synchrones Laden, globale Namensräume, veraltete Controls, Themes (z. B. sap_belize), Bibliotheken, Manifest und Bootstrap – jeder Befund mit Datei, Zeile und Spalte, Ersatz und Link zur SAP-Dokumentation. Score 100 minus 30 je Blocker; mit offenem Blocker höchstens 49. Ergänzt den statischen UI5-Linter um das, was zur Laufzeit passiert. Check Community, Migrationsbericht (Markdown/CSV, Aufwand, Vergleich zum vorigen Lauf) Pro. FrontTailor-Produktdokumentation, ADR-027 „UI5-2.0-Readiness“ · geprüft am 09.11.2026 - #### Bibliotheksanalyse Zeigt, welche UI5-Bibliotheken geladen sind, woher sie kommen und welche Controls aus Bibliotheken stammen, die das Manifest nicht deklariert – mit kopierbarem Vorschlag für sap.ui5/dependencies und einer Netzwerksicht (Preload gegen Einzelmodule, synchrone Ladevorgänge, Größen). Analyse Community, Export über alle Apps der Sitzung Pro. FrontTailor-Produktdokumentation, ADR-034 „Library Analyzer“ · geprüft am 09.11.2026 - #### i18n- und Barrierefreiheitsprüfung i18n: fehlende, ungenutzte oder nur im Fallback vorhandene Schlüssel, feste Texte, fehlende Übersetzungen, Platzhalter-Fehler. Barrierefreiheit nach WCAG 2.2 (1.1.1, 1.3.1, 1.4.3, 3.3.2, 4.1.2), Kontrast mindestens 4,5:1 bzw. 3:1, nicht gerundet. Sprung in den Inspector, Export als CSV oder Markdown. Tastaturbedienung und Fokusreihenfolge prüft sie nicht. Pro; Sprache umschalten (auch RTL und SAP-Testsprachen) ist Community. FrontTailor-Produktdokumentation, ADR-033 „i18n und Barrierefreiheit“ · geprüft am 09.11.2026 - #### Fiori-Design-Guidelines-Validator Erkennt den Floorplan (List Report, Worklist, Object Page, ALP, Overview Page, FCL, Wizard u. a.) und prüft die sichtbare Ansicht mit 32 Regeln, Score je Kategorie (grün ab 90), Verbesserung mit Beispiel und Dos & Don’ts. Die Prüfung stellt keinen Request. Die Regeln wurden an den drei Demo-Apps geprüft, nicht an Kunden-Apps. Pro. FrontTailor-Produktdokumentation, ADR-035 „Fiori-Guidelines-Validator“ · geprüft am 09.11.2026 - #### Annotation Explorer für Fiori Elements Control anklicken und sehen, welche Annotationen wirken (z. B. UI.LineItem), aus welcher Quelle sie kommen ($metadata, CAP, Backend, lokale Datei) und welche Werte überschrieben sind. Dazu Manifest-Viewer und Draft-/ETag-Inspektor. V2 nur teilweise. Pro. FrontTailor-Produktdokumentation, ADR-019 „Annotation Explorer“ · geprüft am 09.11.2026 - #### Scaffolding aus der laufenden App Erzeugt Page Objects für OPA5, wdi5 und Playwright, Journeys, ein QUnit-Gerüst für den Controller und Mockdaten aus aufgezeichneten OData-Antworten (V2 MockServer, V4 fe-mockserver), maskiert mit den PII-Regeln. 12 eingebaute und bis zu 200 eigene Snippets; Download als ZIP, lokal erzeugt. Pro. FrontTailor-Produktdokumentation, ADR-020 „Scaffolding und Snippets“ · geprüft am 09.11.2026 - #### Gemeinsamer Recorder Eine Aufzeichnung (höchstens 200 Schritte, 10 Minuten) wird Schritte im Fehlerbericht (Pro), eine Playwright-, OPA5- oder wdi5-Journey (Pro) oder ein synthetischer Check (Enterprise). Eingaben werden standardmäßig nicht aufgezeichnet. Aufzeichnen ist auf PROD erlaubt, das Abspielen als Check nicht. Der Recorder selbst ist Community. FrontTailor-Produktdokumentation, ADR-028 „Gemeinsamer Recorder“ · geprüft am 09.11.2026 - #### Lokaler Code im echten Launchpad Die Ressourcen einer App kommen in einem Tab vom eigenen Dev-Server (ui5 serve, fiori run, BAS-Vorschau) – mit echter Kachel, echten Rollen und echten Backend-Daten, ohne Deployment. Ziele nur localhost oder vom Nutzer bestätigte HTTPS-Hosts; Banner „Lokaler Code aktiv“; auf PROD gesperrt; die Extension führt den Code nie selbst aus. Pro. FrontTailor-Produktdokumentation, ADR-036 „Lokaler Code im Launchpad“ · geprüft am 09.11.2026 - #### Problem melden mit maskiertem Bericht Screenshot mit Rechteck, Pfeil und Verpixeln, Klickpfad der letzten 20 Aktionen (nie Werte oder Texte), fehlgeschlagene Requests, Fehler und Systemsteckbrief. E-Mail, Telefon, IBAN, lange Ziffernfolgen und Namenslisten werden vor der Vorschau maskiert; Screenshots werden nicht automatisch maskiert. Die Extension sendet selbst nichts – Zwischenablage, E-Mail, Datei oder Ticket erst nach Vorschau und Klick. Pro. FrontTailor-Produktdokumentation, ADR-017 „Issue Reporter“ · geprüft am 09.11.2026 - #### Tickets in Jira, GitHub, GitLab, Azure DevOps und ServiceNow Standard ist das vorbefüllte Formular des Ticketsystems im neuen Tab, ohne Token und ohne Host-Zugriff. Im API-Modus legt der Service Worker das Ticket nach einer Vorschau an, die genau zeigt, was gesendet wird. Tokens liegen nie in einem Speicherbereich, höchstens im Arbeitsspeicher. Jira, GitHub, GitLab und Azure DevOps sind Pro, ServiceNow ist Enterprise. FrontTailor-Produktdokumentation, ADR-031 „Ticket-Integrationen“ · geprüft am 09.11.2026 - #### Bekannte Fehler mit Lösung am Fehler Eine Lösung wird einmal als Muster gespeichert (Nachrichtenklasse und -nummer, HTTP-Status, Gateway-Code, Text, App, Service, Berechtigungsobjekt) und erscheint als „Bekannt“ direkt in OData-Konsole, UI5-Log, Health, Berechtigungsdiagnose und Fehlerbericht. Muster mit personenbezogenen Daten werden abgelehnt. Eigene Einträge Community, Team-Einträge Team. FrontTailor-Produktdokumentation, ADR-040 „Bekannte Fehler“ · geprüft am 09.11.2026 - #### KI-Assistent mit eigenem Schlüssel Anbieter: Anthropic, Azure OpenAI, SAP AI Core (Orchestration), OpenAI-kompatibel (z. B. Ollama, LiteLLM), Google Gemini und Mistral – mehrere davon bisher nur gegen Mocks getestet. 35 Use Cases, etwa Fehler erklären, wdi5-Test schreiben, Code-Review der laufenden App oder Performance-Tipps. Vor jedem Versand zeigt die Vorschau Endpunkt, Header (geschwärzt), Systemprompt und vollständigen Inhalt; gesendet wird erst nach Klick, direkt zum Anbieter. Antworten sind Vorschläge und werden nie automatisch angewendet. Endpunkte nur per HTTPS (HTTP nur für localhost). Pro. FrontTailor-Produktdokumentation, ADR-018 „KI-Assistent (BYOK)“ · geprüft am 09.11.2026 - #### KI-Schlüssel nur lokal und verschlüsselt Auf Wunsch speichert FrontTailor den eigenen KI-Schlüssel verschlüsselt (AES-GCM-256 mit nicht exportierbarem WebCrypto-Schlüssel) in chrome.storage.local – nie in sync, nie in Exporten, Team-Paketen, Berichten oder Logs. Gegen jemanden mit Zugriff auf das ganze Browserprofil schützt das nicht. Per Richtlinie ai.persistKeys: false bleiben Schlüssel nur im Arbeitsspeicher. Es gibt keinen KI-Proxy der CloudDNA. FrontTailor-Produktdokumentation, ADR-018 „KI-Assistent (BYOK), Nachtrag“ · geprüft am 09.11.2026 - #### Maskierung personenbezogener Daten vor dem Versand E-Mail-Adressen, Telefonnummern, IBANs und lange Ziffernfolgen werden vor jeder KI-Anfrage maskiert. Die Maskierung ist standardmäßig an und lässt sich per Richtlinie aiRequirePiiMasking erzwingen; Unternehmen können den Assistenten abschalten (modules.ai) oder Anbieter und Endpunkt vorgeben. FrontTailor-Produktdokumentation, Store-Text (docs/store-listing.md) und ADR-018 · geprüft am 09.11.2026 - #### Launchpad Inspector Kachel anklicken und App-ID, Semantic Object und Action, Target Mapping, Space, Page, Katalog, Auflösung und Plugins sehen, ohne die App zu öffnen. Erkennt Sandbox, ABAP-FLP, cFLP und Work Zone (Standard/Advanced aus der Adresse abgeleitet). Benutzer werden maskiert, Export als JSON oder Markdown, nur lesend. Enterprise. FrontTailor-Produktdokumentation, ADR-022 „Launchpad Inspector“ · geprüft am 09.11.2026 - #### Berechtigungsdiagnose und Kachel-Prüfkette Liest 401/403 und Berechtigungsfehler aus der OData-Konsole, erkennt Berechtigungsobjekte (S_SERVICE, S_START …), Feld-Wert-Paare und Gateway-Codes und verlinkt SU53, /IWFND/ERROR_LOG, /IWFND/MAINT_SERVICE und SICF. Prüfkette für „Kachel fehlt“: Launchpad, Katalog, Rolle, Target Mapping, Startberechtigung, Kachel, OData-Service – Rolle und Startberechtigung nur mit Backend-Service. Benutzer-IDs maskiert. Enterprise. FrontTailor-Produktdokumentation, ADR-025 „Berechtigungsdiagnose“ · geprüft am 09.11.2026 - #### Optionaler Backend-Service (ABAP-Add-on) Ein nur lesendes ABAP-Add-on (RAP, OData V4) beantwortet die Stufen Rolle und Startberechtigung, auf Wunsch für einen anderen Benutzer (Berechtigungsobjekt nötig, jede Simulation in SLG1 protokolliert). Für S/4HANA on-premise und Private Cloud. Standardmäßig aus; der ABAP-Code ist noch nicht auf einem echten SAP-System getestet. Enterprise. FrontTailor-Produktdokumentation, ADR-032 „Backend-Service und Rollen-Simulator“ · geprüft am 09.11.2026 - #### Health und synthetischer Check Statusleiste aus dem vorhandenen OData-Protokoll, ohne eigenen Request: Median und p95 der letzten 50 Requests, Fehlerrate, 401/403, CSRF-Probleme, geschätzte Restlaufzeit der Sitzung (FrontTailor liest keine Cookies). Ein aufgezeichneter Klickpfad lässt sich als synthetischer Check abspielen – auf PROD gesperrt. Enterprise. FrontTailor-Produktdokumentation, ADR-023 „Health-Monitoring“ · geprüft am 09.11.2026 - #### Deployment-Prüfung und Cache-Buster-Check Vergleicht die laufende App-Version mit dem frisch geladenen manifest.json (bis zu fünf Komponenten) und die UI5-Version, zeigt veraltete ~token~-Pfade und urteilt „Neuere Version deployed – Cache leeren und neu laden“. Anfragen nur nach Klick, same-origin, ohne Cache; Ergebnisse nur im Arbeitsspeicher. Community. FrontTailor-Produktdokumentation, ADR-024 „Deployment-Prüfung und Cache-Buster“ · geprüft am 09.11.2026 - #### Systemvergleich DEV/QA/PROD Snapshots einer App je System nur aus Metadaten – App- und UI5-Version, Bibliotheken, Cache-Buster, Flex-Änderungen, $metadata-Struktur und Hash, Manifest-Auszug, Target Mapping – und ein Diff: „Warum geht es auf QA, aber nicht auf PROD?“. Keine Geschäftsdaten, keine Benutzer, kein Crawlen im Hintergrund. Enterprise. FrontTailor-Produktdokumentation, ADR-030 „Systemvergleich“ · geprüft am 09.11.2026 - #### Release-Prüfung nach Transport Prüft eine erwartete Version gegen alle Systeme aus den Host-Profilen: Ampel je System für Manifest-Version, Cache-Buster, sap-ui-cachebuster-info.json, Component-preload, veraltete Ressourcen und UI5-App-Index, zu jedem roten Befund der nächste Schritt (z. B. /UI5/APP_INDEX_CALCULATE, /UI2/INVALIDATE_GLOBAL_CACHES). FrontTailor startet keine Reports. Die App-Index-Schnittstelle ist laut SAP nicht für die öffentliche Nutzung gedacht. Enterprise. FrontTailor-Produktdokumentation, ADR-042 „Release-Prüfung nach Transport“ · geprüft am 09.11.2026 - #### Morgencheck über mehrere Apps Eine Liste mit höchstens 30 Apps wird auf Klick nacheinander in Hintergrund-Tabs geöffnet. Ampel: rot bei HTTP-Fehler, Ladefehler, fehlendem UI5, Timeout oder Startzeit ab 15 s; gelb ab 5 s, bei deutlicher Verschlechterung, UI5-Fehlern oder fehlgeschlagenen Requests. Vergleich zum letzten Lauf („gestern 1,2 s, heute 3,4 s“), Export als Markdown, CSV oder HTML. Kein Monitoring im Hintergrund; aufgezeichnete Schritte sind auf PROD gesperrt. Enterprise. FrontTailor-Produktdokumentation, ADR-043 „Morgencheck“ · geprüft am 09.11.2026 - #### Absprung ins Backend und SAP-Incident Zu einem fehlgeschlagenen Request Links in SAP GUI for HTML desselben Systems: /IWFND/ERROR_LOG, /IWBEP/ERROR_LOG, ST22, SM21, SU53, SU01, STAUTHTRACE, ST05, SAT – mit Transaktions-ID und Zeitfenster zum Kopieren; für CAP/BTP Hinweise auf cds watch, cf logs und Cloud Logging. Der Absprung stellt keinen Request (Enterprise). Der vorbereitete SAP-Incident mit Komponente aus sap.app.ach, Schritten und Request-IDs wird maskiert und nicht an SAP gesendet (Pro). FrontTailor-Produktdokumentation, ADR-041 „Absprung ins Backend und SAP-Incident“ · geprüft am 09.11.2026 - #### Team-Sync ohne Server Ein Team-Paket ist eine JSON-Datei mit Host-Profilen, URL-Profilen, OData-Filtern, Replays, Snippets, PII-Regeln, Favoriten, Budgets und bekannten Fehlern – geteilt per Datei, Zwischenablage oder abonnierter HTTPS-Adresse. Nichts wird automatisch übernommen: Der Nutzer sieht ein Diff und bestätigt. Optional mit Ed25519 signiert, per Richtlinie erzwingbar. Kein Backend der CloudDNA. Team. FrontTailor-Produktdokumentation, ADR-021 „Team-Sync“ · geprüft am 09.11.2026 - #### Vier Editionen und ihre Module Community < Pro < Team < Enterprise, jede Edition enthält die darunter. Community: Übersicht, Inspector, Models, OData, Werkzeuge und die übrigen Basismodule. Pro: Profiler, Annotation Explorer, Scaffolding, KI-Assistent, Issue Reporter, i18n/Barrierefreiheit, Guidelines, lokaler Code, Fehlersimulation. Team: Team-Sync und Team-Einträge. Enterprise: Launchpad Inspector, Health, Morgencheck, Berechtigungsdiagnose, Systemvergleich, Release-Prüfung, Backend-Service, Absprung ins Backend, ServiceNow, Admin-Richtlinien, Sideload. Gesperrte Module bleiben mit Schloss sichtbar. FrontTailor-Produktdokumentation, KONZEPT.md, Abschnitt Geschäftsmodell, und ADR-014 · geprüft am 09.11.2026 - #### Lizenz offline geprüft, Schlüssel nur lokal Die Lizenz ist ein mit Ed25519 signiertes JWT und wird nur offline geprüft, ohne Netzwerkaufruf. Der Lizenzschlüssel liegt nur in chrome.storage.local, nie in sync. Drei Tage Kulanz nach Ablauf, Warnung 30 Tage vorher. Administratoren können den Schlüssel per Richtlinie licenseKey für alle Nutzer eines Browsers setzen. FrontTailor-Produktdokumentation, ADR-014 „Modul-Registry und Lizenz“ · geprüft am 09.11.2026 - #### Community-Edition unter Apache 2.0 Die Community-Edition steht unter der Apache-Lizenz 2.0. FrontTailor-Produktdokumentation, README, Abschnitt Lizenz · geprüft am 09.11.2026 - #### Berechtigungen laut Manifest Fest: storage, scripting, activeTab, sidePanel, webRequest, alarms, declarativeNetRequestWithHostAccess. Optional: browsingData (erst beim ersten Browser-Cache-Reset) und Host-Zugriff auf https://*/* und http://*/* (erst nach Freigabe je Domain). Nicht: debugger – das hält nur der separate Profiler Companion. Jede weitere Berechtigung braucht ein eigenes ADR. FrontTailor-Produktdokumentation, Manifest (apps/extension/manifest.config.ts) und Store-Text · geprüft am 09.11.2026 - #### Zugriff erst nach Freigabe je Domain Ein kleines Content Script prüft auf jeder Seite nur, ob UI5-Merkmale im DOM stehen, höchstens 10 Sekunden lang; es liest keine Inhalte, sendet nichts und injiziert nichts. Zugriff auf eine App bekommt FrontTailor erst, wenn der Nutzer „FrontTailor für aktivieren?“ bestätigt. Chrome zeigt bei der Installation trotzdem den Hinweis „Alle Ihre Daten auf allen Websites lesen und ändern“, weil das Content Script auf allen Seiten läuft. Nur der Page Script berührt UI5, ausschließlich über den Adapter. FrontTailor-Produktdokumentation, ADR-001 „Schichtenmodell und Messaging“ · geprüft am 09.11.2026 - #### Keine Daten an CloudDNA FrontTailor arbeitet lokal im Browser, erhebt keine personenbezogenen Daten und überträgt nichts an CloudDNA. Ausnahmen sind der KI-Assistent und die Übergabe an ein Ticketsystem: Beide senden erst nach vollständiger Vorschau und Klick, nur an den Dienst, den der Nutzer oder sein Arbeitgeber eingerichtet hat. Keine Telemetrie, keine Analyse, keine Werbung, kein Konto. FrontTailor-Produktdokumentation, Datenschutzerklärung der Extension (docs/datenschutz.md) · geprüft am 09.11.2026 - #### Admin-Richtlinien per Managed Storage Über chrome.storage.managed (Gruppenrichtlinie, Intune, Jamf) steuern Unternehmen: allowedHosts, prodHosts, Module einzeln aus (27 Schalter), aiEndpoint, aiProvider, aiAllowedProviders, aiRequirePiiMasking, ai.persistKeys, licenseKey, trial, teamSync (Pakete, vertrauenswürdige Schlüssel, Signaturpflicht, Intervall), issueReporter (Ziele, Pflicht-Maskierung), ticketTargets und allowedTicketHosts. Richtlinien wirken ohne Neuladen. FrontTailor-Produktdokumentation, Richtlinien-Schema (apps/extension/public/managed-schema.json) und ADR-013 · geprüft am 09.11.2026 - #### Lieferkette: kein Remote Code, SBOM, reproduzierbar Release-Prüfung: kein Remote Code, kein eval, keine Source-Maps, CSP ohne unsafe-eval und unsafe-inline, jede Berechtigung begründet. Reproduzierbarer Build (SHA-256-Vergleich), CodeQL und pnpm audit in der Pipeline. Jedes Release bringt ZIP, signierten CRX und eine CycloneDX-SBOM. FrontTailor-Produktdokumentation, ADR-009 und README, Abschnitt Release · geprüft am 09.11.2026 - #### Firefox-Build vorbereitet Aus denselben Quellen entsteht ein Firefox-Build ab Firefox 140, mit Sidebar statt Side-Panel und ohne Tiefenprofil. Die Einreichung bei Firefox Add-ons steht noch aus. FrontTailor-Produktdokumentation, ADR-026 „Firefox-Build“ · geprüft am 09.11.2026 - #### Abbildungen mit erfundenen Daten Alle Bildschirmfotos und Videos zeigen die drei Demo-Apps aus dem Repo: eine OpenUI5-Freestyle-App mit OData-V2-Mockserver, eine CAP-App mit Fiori Elements V4 und eine Launchpad-Sandbox. Alle Daten darin sind erfunden. FrontTailor-Produktdokumentation, README, Demo-Apps · geprüft am 09.11.2026 ### Hersteller - #### Preise der Editionen Community kostenlos. Pro und Team monatlich oder jährlich, je Nutzer, direkt auf dieser Website zu kaufen; die Beträge kommen aus dem Katalog der Tailor-Plattform. Enterprise ab 39 € pro Nutzer und Monat, mindestens 25 Nutzer, oder Jahreslizenz je System, auf Anfrage. Alle Preise netto zuzüglich USt. Entscheidung des Product Owners der CloudDNA vom 09.11.2026 · geprüft am 09.11.2026 - #### 16 Titel von Martin Koch bei SAP PRESS Die Verlagssuche nennt 16 Titel mit Martin Koch als Autor, teils als deutsche und englische Ausgabe desselben Werks: SAP Cloud Integration Cookbook (mit Thorsten Reisinger und Marc Urschick); Cloud Connector für SAP / Cloud Connector for SAP, SAP Business Technology Platform – Sicherheit und Berechtigungen / Security and Authorizations for SAP Business Technology Platform, SAP Business Technology Platform – Administration / Configuring SAP Business Technology Platform (je mit Siegfried Zeilinger); Git und SAP, Fullstack-Entwicklung mit SAP / Full Stack Development with SAP, SAP Fiori Elements (deutsch und englisch), SAPUI5 – The Comprehensive Guide (je mit Rene Glavanovits, Daniel Krancz und Maximilian Olzinger); SAP Build (mit Rene Glavanovits, Gernot Haider und Daniel Krancz); Apps entwickeln mit SAP Build Apps (mit Daniel Krancz); SAP Mobile Services (mit Gernot Haider und Daniel Krancz). [Rheinwerk Verlag (SAP PRESS), Suche „martin koch“](https://www.rheinwerk-verlag.de/suche/?suchbegriff=martin+koch) · geprüft am 05.11.2026 - #### CloudDNA GmbH – SAP Silver Partner Die CloudDNA nennt sich SAP-BTP-Partner aus Österreich für den DACH-Raum und SAP Silver Partner; sie begleitet SAP-Projekte in Österreich, Deutschland und der Schweiz, in Industrie, Handel und öffentlichem Sektor. Schwerpunkte laut Website: Integration, Architektur und Clean Core, Fiori und UX, Full-Stack-Entwicklung mit ABAP RAP und CAP, Agilität und DevOps sowie Trainings. Martin Koch ist dort als Founder & Managing Director und SAP Champion genannt. [clouddna.at, Startseite und Team](https://www.clouddna.at/) · geprüft am 05.11.2026 - #### CloudDNA: SAP Fiori UX Strategie & Design UX-Governance, SAPUI5-Architektur und Launchpad: Fiori Elements als Default, Freestyle nur wenn nötig; „Performance by Design“ mit Ladezeit-Budgets, OData-Disziplin, Lazy Loading und Messmethoden; Launchpad mit Spaces/Pages, Navigation, Kachel- und Zielgruppenlogik und Betriebssetup; Fiori-Audit mit Performance- und Konsistenz-Quickwins; Fiori-Elements-Coaching und Freestyle-UI5-Engineering; Clean Core mit Side-by-Side Extensibility, ohne Modifikationen am Standard; CAP oder ABAP RAP als Service-Schicht; Fixpreis-Quickstart-Workshop. Expertise für List Report, Object Page, Worklist, Overview Page und Analytical List Page mit OData V2 und V4. Laut FAQ 2–4 Sprints für ein erstes Fiori-Feature inklusive Design und Umsetzung, ein Rollout 3–6 Monate. [clouddna.at, Fiori UX](https://www.clouddna.at/sap-fiori-ux-strategie-design-clouddna/) · geprüft am 09.11.2026 - #### CloudDNA: Training und Schulungen Hands-on-Trainings, Inhouse-Workshops und Coaching sowie MasterCLASS-Lernpfade, inhouse oder remote, auf Rollen, Zielbild und Tech-Stack zugeschnitten; sechs Technologie-Tracks (SAPUI5, ABAP RAP, BTP, Integration Suite, Security, CAP); laut Website über 80 durchgeführte Workshops und Trainings. Track „SAP BTP Architektur & Services“: Account Model, Subaccounts, Destinations, BAS, Work Zone; Track „SAP BTP Security“: OAuth, IAS/IPS, XSUAA, Rollen und Berechtigungen. Vorbereitung auf BTP-Zertifizierungen, ohne eigene offizielle Prüfungen. [clouddna.at, Trainings](https://www.clouddna.at/sap-training-workshops-engineering/) · geprüft am 09.11.2026 - #### CloudDNA: Workshop-Katalog 2026 Neun Workshop-Kurse, 2–5 Tage, hands-on, remote und vor Ort im DACH-Raum, geleitet von SAP Engineers; darunter HOUI5 „SAP Fiori Freestyle-Applikationen mit SAPUI5 entwickeln“, HOFIO „SAP Fiori Elements – schnell produktiv mit Low-Code“, HODAT „OData-Protokoll in der SAP-Welt verstehen und anwenden“, HOCAP „SAP Cloud Application Programming Model“ und HORAP „Backend-Entwicklung mit dem ABAP RESTful Application Programming Model“. Formate: Hands-on-Training 2–3 Tage, Szenario-Workshop 2–5 Tage, MasterCLASS 4–8 Wochen mit Rollenpfaden, Homework, Office Hours und Review Gates, Architektur-Coaching laufend. Optimal 4–8 Teilnehmende. Kosten nach Format, Dauer und Teamgröße auf Anfrage. [clouddna.at, SAP Workshops](https://www.clouddna.at/sap-workshops/) · geprüft am 09.11.2026 - #### CloudDNA: Expertenteam Kompetenzen: ABAP und ABAP Cloud, RAP und CAP, Integration Suite und API Engineering, Fiori Elements und SAPUI5, DevOps und CI/CD. „SAP Full Stack Engineering“: ABAP/ABAP Cloud, OData, RAP plus Fiori Elements und SAPUI5 bis zum Launchpad-Rollout; „Cloud & BTP Architektur“: CAP, Security/IAS, Connectivity, mit Governance. Architecture Readiness in 90 Minuten. Im Team u. a. Martin Koch (Founder & Managing Director, SAP Champion), Daniel Krancz (General Manager), Rene Glavanovits (Team Lead SAP Innovation & Cloud) und Maximilian Olzinger (Team Lead SAP Full Stack Development) – die Autoren der SAP-PRESS-Bücher zu SAPUI5, Fiori Elements und Full-Stack-Entwicklung. [clouddna.at, Expertenteam](https://www.clouddna.at/expertenteam/) · geprüft am 09.11.2026 - #### CloudDNA: Agilität und DevOps im SAP-Umfeld SAP CI/CD und Transportstrategie: Pipeline, Teststrategie, Transport- und Branching-Modell und Quality Gates; automatisierte Builds, Tests und Deployments mit gCTS, ABAP Git und SAP Cloud Transport Management; CTS+, gCTS oder hybride Modelle; ABAP Unit und ATC als Quality Gates; Einstieg über ein DevOps-Assessment, Schritt für Schritt statt Big Bang. [clouddna.at, Agilität & DevOps](https://www.clouddna.at/agilitaet-im-sap-umfeld-von-mindset-bis-devops/) · geprüft am 09.11.2026 - #### TailorCampus: Workshops D6, D7, B8 und Lernpfad „Mittelstand mit SAP“ D6 „KI im SAP-Umfeld“: ½ Tag, für SAP-Verantwortliche, Key User und IT, Fortgeschritten; Joule und eingebettete KI, KI-Dienste auf der SAP BTP, Clean Core, Integration mit Copilot und ChatGPT, Use Cases in Finanzen, Einkauf, Logistik; Ergebnis SAP-KI-Landkarte. D7 „Prompt- und Agent-Engineering“: ½ Tag, für Power User und KI-Champions; Ergebnis getesteter Agent mit Testset. B8 „KI im Mittelstand mit SAP“: Branchen-Workshop, drei Stunden, für Key User, Fachbereiche und Geschäftsführung; Kontierungsvorschlag, Angebotsanfrage, Materialkurztexte, Abweichungskommentar, Key-User-Anleitung. Lernpfad „Mittelstand mit SAP“: B8, F3, D6, D2, ca. 6 Wochen. Workshops auf Deutsch. [TailorCampus, Programm und Branchen-Workshops (Website der CloudDNA, vor dem Livegang)](https://www.tailorcampus.com/programm/d6-ki-im-sap-umfeld) · geprüft am 09.11.2026 --- # Datenschutz · FrontTailor Quelle: https://fronttailor.com/datenschutz > Datenschutzerklärung der FrontTailor-Website und der Browser-Extension: keine Cookies, keine Tracker, Kauf über Stripe, und die Extension sendet nichts an uns. ## Datenschutzerklärung Kurz gesagt: Diese Website setzt keine Cookies, lädt nichts von fremden Servern und verwendet keine Tracker. Daten bekommen wir nur, wenn Sie uns schreiben oder etwas kaufen. Die Browser-Extension FrontTailor arbeitet lokal und sendet nichts an uns – ihre Datenschutzerklärung steht in Abschnitt 5. ### 1. Verantwortliche CloudDNA GmbH, Untere Hauptstraße 23, 7410 Loipersdorf, Österreich Geschäftsführung: Martin Koch · Telefon: [+43 664 1964199](tel:+436641964199) · E-Mail: [office@clouddna.at](mailto:office@clouddna.at) Wir sind nicht verpflichtet, eine:n Datenschutzbeauftragte:n zu bestellen. Für alle Datenschutzfragen erreichen Sie uns unter der oben genannten E-Mail-Adresse. ### 2. Aufruf der Website Beim Aufruf verarbeitet unser Hosting-Anbieter technisch notwendige Daten (IP-Adresse, Zeitpunkt, aufgerufene Seite, Browser-Kennung) in Server-Protokollen, um die Seite auszuliefern und vor Angriffen zu schützen. Rechtsgrundlage ist unser berechtigtes Interesse an einem sicheren Betrieb (Art. 6 Abs. 1 lit. f DSGVO). Die Protokolle werden nach kurzer Zeit automatisch gelöscht. Hosting: Vercel Inc., 440 N Barranca Ave #4133, Covina, CA 91723, USA. Auslieferung bevorzugt aus der Region Frankfurt (fra1). Soweit Daten in die USA gelangen können, stützen wir uns auf: EU-U.S. Data Privacy Framework (Angemessenheitsbeschluss der EU-Kommission vom 10.07.2023) sowie Standardvertragsklauseln. ### 3. Keine Cookies, keine Tracker, Videos vom eigenen Server Wir setzen keine Cookies. Auf Ihr Endgerät greifen wir nur zu, soweit es für eine von Ihnen gewählte Funktion unbedingt erforderlich ist (§ 165 Abs. 3 TKG 2021, § 25 Abs. 2 TDDDG). Schriften, Skripte, Bilder und Videos liegen auf unserem eigenen Server; es werden keine Inhalte von Video- oder Social-Media-Plattformen oder Analyse-Diensten nachgeladen. Ein Video lädt Ihr Browser erst, wenn Sie auf Abspielen klicken. Die Hell/Dunkel-Wahl speichert Ihr Browser nur für den laufenden Besuch (sessionStorage); sie wird nicht an uns übertragen. ### 4. Anfragen über das Formular und per E-Mail Wenn Sie uns über das Formular oder per E-Mail schreiben, verarbeiten wir Ihre Angaben (Name, Firma, E-Mail, Anliegen, Rolle, Umgebung, Nachricht sowie – falls Sie über einen Link mit Kampagnencode gekommen sind – diesen Code aus der Adresszeile, damit wir wissen, worauf Sie antworten), um Ihnen zu antworten und gegebenenfalls ein Angebot zu erstellen. Rechtsgrundlage ist die Durchführung vorvertraglicher Maßnahmen (Art. 6 Abs. 1 lit. b DSGVO) bzw. unser berechtigtes Interesse an der Beantwortung von Anfragen (lit. f). Die Anfrage legen wir als Kontakt in unserem CRM (Tailor-Plattform der CloudDNA) an und bearbeiten sie dort; die Plattform betreiben wir bei den im Abschnitt „Kauf über diese Website“ genannten Auftragsverarbeitern. Im Fenster „Danke“ nach dem Absenden zeigen wir Ihren Vornamen und Ihre E-Mail-Adresse nur in Ihrem Browser an – dafür wird nichts gespeichert oder an Dritte übertragen. Wir speichern die Anfrage bis zur Erledigung und darüber hinaus nur, soweit gesetzliche Aufbewahrungspflichten bestehen oder daraus ein Vertragsverhältnis entsteht. Bitte schicken Sie uns keine Tokens, Cookies, Passwörter oder HAR-Dateien mit echten Sitzungen. Wir senden Ihnen keinen Newsletter, wenn Sie ihn nicht ausdrücklich bestellen. ### Kauf über diese Website Wenn Sie auf „Weiter zur Zahlung“ klicken, sendet diese Website nur das gewählte Angebot, die Anzahl, die Sprache und gegebenenfalls die Herkunft des Klicks (zum Beispiel „extension“) an die Verkaufsplattform der CloudDNA GmbH (Tailor-Plattform). Die Plattform legt damit eine Zahlungssitzung bei Stripe an und leitet Sie dorthin weiter. Nach der Zahlung erstellt sie Rechnung und Lizenz und sendet Ihnen den Lizenzschlüssel per E-Mail. Die Plattform betreiben wir bei diesen Auftragsverarbeitern: Vercel Inc., USA (Hosting, Rechenzentrum Frankfurt am Main), Supabase Inc., San Francisco, USA (Datenbank, Rechenzentrum Frankfurt am Main) und Microsoft Ireland Operations Limited, Dublin, Irland (E-Mail-Versand über Microsoft 365). Soweit dabei Daten in die USA gelangen können, stützen wir uns auf das EU-U.S. Data Privacy Framework bzw. auf Standardvertragsklauseln. Ihre Zahlungsdaten geben Sie direkt bei Stripe ein; diese Website und die CloudDNA GmbH sehen sie nicht. Die Zahlung wickelt die Stripe Payments Europe, Limited, 1 Grand Canal Street Lower, Dublin 2, Irland, ab; für Zahlungsabwicklung und Betrugsprävention ist Stripe selbst verantwortlich (Datenschutzerklärung von Stripe: stripe.com/privacy). Stripe übermittelt uns nach der Zahlung Name, E-Mail-Adresse, Rechnungsanschrift, Firma, gegebenenfalls Ihre UID und den Zahlungsstatus. Wir verwenden diese Angaben für Rechnung, Lizenz, den Versand des Lizenzschlüssels und die Betreuung Ihres Abonnements. Den Lizenzschlüssel prüft die Browser-Extension FrontTailor offline in Ihrem Browser. Dafür sendet sie nichts an uns oder an die Plattform; es gibt keinen Lizenzserver. Die Danke-Seite fragt nach der Zahlung den Stand Ihres Kaufs ab und zeigt nur eine gekürzte E-Mail-Adresse (zum Beispiel a…@firma.at). Es werden dafür keine Cookies gesetzt. Wenn Sie über „Verträge hier kündigen“ kündigen, sendet diese Website Ihre Angaben (Name, E-Mail-Adresse, Vertragsangabe, Art und gegebenenfalls Grund der Kündigung, gewünschtes Vertragsende) an die Plattform. Sie sucht damit Ihr Abonnement bei Stripe, sendet Ihnen die Eingangsbestätigung per E-Mail und uns eine Kopie zur Bearbeitung. Etwa 30 Tage vor der Verlängerung eines Jahresabonnements erinnern wir Sie per E-Mail an Verlängerung und Kündigungsfrist; dafür verwenden wir Ihre E-Mail-Adresse und die Daten Ihres Abonnements. Rechtsgrundlagen sind die Erfüllung des Vertrags (Art. 6 Abs. 1 lit. b DSGVO), unsere gesetzlichen Pflichten, insbesondere die Aufbewahrung von Rechnungen (lit. c), und unser berechtigtes Interesse an der Verhinderung von Missbrauch und der Durchsetzung von Ansprüchen (lit. f). Ohne die Angaben im Bezahlvorgang können wir den Vertrag nicht abschließen. Kundendaten speichern wir für die Dauer des Abonnements; Rechnungen und Buchhaltungsunterlagen bewahren wir sieben Jahre auf (§ 132 BAO). ### 5. Browser-Extension FrontTailor Dieser Abschnitt ist die Datenschutzerklärung der Browser-Extension FrontTailor („CloudDNA FrontTailor – Developer Tools for SAP Fiori® and UI5 apps“) für Chrome und Microsoft Edge. Er gibt den Text aus der Dokumentation der Extension wieder und ist die Adresse, die im Chrome Web Store als Datenschutzerklärung angegeben wird. Kurz: FrontTailor arbeitet lokal, erhebt keine personenbezogenen Daten und überträgt nichts an CloudDNA; der KI-Assistent und die Übergabe an ein Ticketsystem senden nur nach Vorschau und Ihrem Klick an den Dienst, den Sie oder Ihr Arbeitgeber eingerichtet haben. #### 1. Verantwortlicher CloudDNA GmbH, Untere Hauptstraße 23, 7410 Loipersdorf, Österreich E-Mail: [office@clouddna.at](mailto:office@clouddna.at) #### 2. Worum es geht Diese Erklärung gilt für die Browser-Erweiterung „CloudDNA FrontTailor – Developer Tools for SAP Fiori® and UI5 apps“ (Community-Edition) für Google Chrome und Microsoft Edge. Sie gilt nicht für Websites oder SAP-Anwendungen, die Sie mit der Erweiterung öffnen. Für diese sind deren Betreiber verantwortlich. #### 3. Kurzfassung - FrontTailor arbeitet lokal in Ihrem Browser. - FrontTailor erhebt keine personenbezogenen Daten und überträgt keine Daten an CloudDNA. - Ausnahmen sind der KI-Assistent, wenn Sie ihn selbst einrichten (Abschnitt 8), und die Übergabe an ein Ticketsystem wie Jira oder ServiceNow (Abschnitt 7a). Beide senden den Inhalt, den Sie vorher vollständig sehen, erst auf Ihren Klick und nur an den Dienst, den Sie bzw. Ihr Arbeitgeber eingerichtet haben, nie an CloudDNA. - Es gibt keine Telemetrie, keine Analyse-Werkzeuge, keine Werbung und kein Konto. #### 4. Welche Daten die Erweiterung lokal verarbeitet Damit die Funktionen arbeiten, verarbeitet FrontTailor auf Ihrem Gerät: Daten | Zweck | Speicherort | Dauer Merkmale der Seite, ob SAP UI5 vorhanden ist (DOM-Merkmale) | Erkennung von UI5-Anwendungen | nur im Arbeitsspeicher | bis zum Schließen der Seite Adresse (URL) der Seite und ihrer Frames, UI5-Version, Verbindungsstatus | Zuordnung der Werkzeuge zum Tab | chrome.storage.session | bis zum Schließen des Browsers Fehlermeldungen des UI5-Logs und fehlgeschlagene Requests (nur Schema, Host und Pfad, ohne Parameter) | Fehleranzeige am Icon | chrome.storage.session | bis zum Schließen des Browsers bzw. bis zum Neuladen der Seite Von Ihnen angelegte Host-Profile (Hostname, Name, Farbe, PROD-Kennzeichen), Theme-Einstellung | Ihre Einstellungen | chrome.storage.local | bis Sie sie löschen oder die Erweiterung entfernen Informationen der UI5-Anwendung (z. B. Version, App-ID, Datenquellen, Controls, Modelle) | Anzeige in DevTools-Panel, Side-Panel und Popup | nur im Arbeitsspeicher | solange die Ansicht geöffnet ist OData-Requests der App auf freigegebenen Domains (URL samt Parametern, Header ohne Cookies, Tokens und Zugangsdaten, Bodies bis 1 MB, Status, Timing) | OData-Konsole: Anzeige, Fehleranalyse, Export, Replay | IndexedDB der Erweiterung, nur lokal | bis „Leeren“, bis zum Neuladen der Seite (außer bei „Log behalten“), bis zum Schließen des Tabs oder bis zum Neustart des Browsers; höchstens 2.000 Requests bzw. 50 MB pro Tab Launchpad-Sicht: Kacheln, Intents, Target Mappings, Spaces, Kataloge, Plugins, Systemprofil; der FLP-Nutzer nur maskiert (Initialen und Domain der E-Mail-Adresse) | Launchpad Inspector: Anzeige und Export | nur im Arbeitsspeicher | solange die Ansicht geöffnet ist Aufzeichnung der gemeinsamen Aufzeichnungsleiste (Issues, Health, Scaffolding): Art der Aktion, Control-ID, view-lokale ID, Control-Typ, Binding-Pfad, angezeigter i18n-Text, Hash und Route ohne Parameter, Zeitversatz; höchstens 200 Schritte und 10 Minuten. Eingegebener Text und Suchbegriffe nur mit Ihrer Freigabe für diese Aufzeichnung, dann mit den PII-Regeln des Issue Reporters maskiert (einschließlich der Pflichtregeln der Richtlinie) | Schritte eines Fehlerberichts, Journey-Test, synthetischer Check | im Arbeitsspeicher des Panels; nur wenn Sie „Speichern“ wählen, unter einem Namen in chrome.storage.local (pro Origin, höchstens 20); als JSON-Datei nur, wenn Sie exportieren | bis zum Schließen der Ansicht bzw. bis Sie die gespeicherte Aufzeichnung löschen; ausschaltbar per Richtlinie (modules.recorder) Ergebnisse des synthetischen Checks (Status und Ladezeit pro Schritt) | Health & Monitoring | nur im Arbeitsspeicher des Panels | bis zum Schließen der Ansicht Lizenzschlüssel, den Sie eingeben, samt vorgemerkter Verlängerung (Lizenznehmer, Kunde, Edition, Leistungszeitraum, Gültigkeit, Anzahl Nutzer, lizenzierte SAP-Systeme, Launchpad-Benutzer nur als SHA-256-Hash oder Domain, Lizenz-ID, Signatur) | Freischalten der Pro-, Team- bzw. Enterprise-Module; die Prüfung läuft offline, der Schlüssel wird nirgendwohin gesendet | chrome.storage.local | bis Sie die Lizenz entfernen oder die Erweiterung entfernen Am Launchpad angemeldeter Benutzer je SAP-System: nur SHA-256-Hash der E-Mail-Adresse und ihre Domain, nie die Adresse selbst (höchstens 50 Systeme) | Prüfen, ob eine an Benutzer gebundene Lizenz für Sie gilt | chrome.storage.local | bis Sie die Lizenz entfernen oder die Erweiterung entfernen Beginn der Testphase (Zeitpunkt der Installation) | 7-tägige Testphase mit allen Modulen | chrome.storage.local | bis Sie die Erweiterung entfernen Einstellungen der OData-Konsole (Pause, „Log behalten“ pro Tab; Domains, auf denen Sie die Aufzeichnung ausgeschaltet haben) | Ihre Einstellungen | chrome.storage.session bzw. chrome.storage.local | bis zum Schließen des Browsers bzw. bis Sie sie ändern Gespeicherte Filter der OData-Konsole (Name, Status, Service, Suchtext, Methode; Standardfilter je Origin der Seite) | Ihre Filtervarianten | chrome.storage.local | bis Sie sie löschen oder die Erweiterung entfernen Replay-Sammlungen der OData-Konsole: Requests, die Sie speichern (Name, Sammlung, Methode, Service-Pfad, URL, Header und Body). Vor dem Speichern entfernt FrontTailor Authorization, Cookies, CSRF-Tokens, Header mit Zugangsdaten im Body und geheime URL-Parameter. Der Body kann Geschäftsdaten oder personenbezogene Daten aus Ihrem SAP-System enthalten. | Requests erneut ausführen, als Datei exportieren | chrome.storage.local; ein Export als Datei in Ihrem Download-Ordner | bis Sie sie löschen oder die Erweiterung entfernen „Im Editor öffnen“: gewählter Editor und Ihre Pfadzuordnung Namensraum → lokaler Ordner (höchstens 30). Lokale Ordnerpfade können Ihren Benutzernamen enthalten. Nie in chrome.storage.sync, nie in Exporten oder Team-Paketen | Links in Ihren Editor | chrome.storage.local | bis Sie sie ändern oder die Erweiterung entfernen Favoriten der Command Palette und die 10 zuletzt ausgeführten Befehle (Befehls-ID, Zeitpunkt) | Reihenfolge der Palette | chrome.storage.local | bis Sie sie ändern oder die Erweiterung entfernen Bekannte Fehler, die Sie speichern oder per Team-Sync übernehmen: Muster (Nachrichtenklasse und -nummer, HTTP-Status, Gateway-Code, Text- und Konsolen-Muster, App-ID, Service, Entity-Set, Berechtigungsobjekt), Titel, Lösung, Links, Ticket, Ticket-Vorlage, Zuständigkeit, Datum „zuletzt bestätigt“ (knowledge.entries.v1, höchstens 1 000). Ein Muster mit personenbezogenen Daten (Treffer der Maskierungsregeln von „Problem melden“, die eingebauten Regeln immer) wird nicht gespeichert; vorbefüllte Muster sind bereits maskiert. Dazu je Eintrag Anzahl der Treffer und Zeitpunkt „zuletzt gesehen“ (knowledge.hits.v1). Der Abgleich läuft nur im Panel, in der Seite läuft dafür nichts | Lösung am Fehler anzeigen, Export als JSON-Datei | chrome.storage.local; ein Export als Datei in Ihrem Download-Ordner | bis Sie sie löschen oder die Erweiterung entfernen; per Richtlinie abschaltbar (modules.knowledge) UI5-Version-Override: Tab, Host, gewählte Version, Quell- und Ziel-Pfad der Umleitung; Host-Freigaben, die nur für den Override angefragt wurden (z. B. https://ui5.sap.com/*) | Umleitung der UI5-Ressourcen im Tab, späteres Zurückgeben der Freigabe | chrome.storage.session bzw. chrome.storage.local | bis zum Ausschalten, Schließen des Tabs oder Neustart des Browsers; die Liste der Freigaben bis zum Zurückgeben Lokaler Code: Zuordnungen je System-Host (App-ID, Ressourcen-Wurzel auf dem System, Adresse des Dev-Servers, Ausnahmen), bestätigte Dev-Hosts; aktive Umleitung je Tab mit Regel-IDs | Umleitung der App-Ressourcen eines Tabs auf den eigenen Dev-Server | Zuordnungen und Dev-Hosts in chrome.storage.local, aktive Umleitung in chrome.storage.session | Zuordnungen bis zum Löschen im Tab „Lokaler Code“; aktive Umleitung bis zum Ausschalten, Schließen des Tabs oder Neustart des Browsers Performance-Messungen, die Sie starten (Origin und Pfad der Seite ohne Query-String, Lade- und Renderzeiten, Anzahl und Größe der Requests, Adressen der größten und langsamsten Ressourcen ohne Query-String, Namen von Entity-Sets, App-IDs; beim Tiefenprofil über den Profiler Companion Funktionsnamen und Skriptadressen ohne Query-String mit CPU-Zeit sowie Anzahl und Größe der Requests je Typ) | Performance-Bericht, Vergleich, Export, Budget-Verlauf | chrome.storage.local | je App die letzten 10 Messungen und je ältere App-Version eine (höchstens 60 pro Origin, 100 insgesamt), bis Sie sie löschen oder die Erweiterung entfernen Performance-Budgets je App (App-ID, Grenzwerte, Ihre Notiz) | Prüfung jeder Messung, Export/Import als JSON, Teilen über Team-Sync | chrome.storage.local | bis Sie das Budget zurücksetzen oder die Erweiterung entfernen UI5-2.0-Readiness-Check: je Origin und App (sap.app/id oder Seitenpfad) eine Zusammenfassung pro Lauf mit Zeitpunkt, UI5-Version und je Befund nur Regel, Kategorie, Schweregrad und Anzahl – keine Dateipfade, Control-IDs oder Daten der App | Vergleich mit dem vorigen Lauf im Migrationsbericht | chrome.storage.local | die letzten 10 Läufe pro App (höchstens 50 Origins), bis Sie die Erweiterung entfernen Bibliotheksanalyse, nur nach Klick auf „Analysieren“: je Tab die letzte Analyse pro App mit Zeitpunkt, Adresse der Seite ohne Query-String und Fragment, UI5-Version, Namen und Versionen der Bibliotheken, Befunden mit Klassennamen sowie bis zu fünf Control-IDs und View-Namen je Klasse, je Bibliothek eine Netzwerk-Zusammenfassung aus Resource Timing (Art, Anzahl, Hosts, Größe und Dauer der UI5-Requests, bis zu fünf Modulpfade unter resources/, ohne Query-String) – keine Daten der App. Ab dem Öffnen des Tabs hält die Seite selbst die Adressen und Zeiten ihrer UI5-Requests im Arbeitsspeicher (höchstens 3 000), bis die Seite neu lädt | Export über alle Apps der Sitzung (Pro) | chrome.storage.session | höchstens 30 Analysen je Tab und 5 Tabs, bis zum Schließen des Tabs oder Neustart des Browsers; per Richtlinie abschaltbar (modules.libraries) „Problem melden“: Click-Trail der letzten 20 Aktionen pro Tab (Control-Typ, Control-ID, Art der Aktion wie Klick, Änderung oder Navigation, Zeitpunkt, Route ohne Parameter); nie eingegebene Werte | Kontext für einen Fehlerbericht | chrome.storage.session | bis „Click-Trail leeren“, bis zum Schließen des Tabs oder bis zum Neustart des Browsers; ausschaltbar im Panel und per Richtlinie (modules.issues) „Problem melden“: Screenshot des sichtbaren Tab-Bereichs samt Markierungen, Titel und Beschreibung des Berichts | Fehlerbericht | nur im Arbeitsspeicher | bis Sie den Bericht verwerfen, die Ansicht schließen oder ein neuer Bericht beginnt Einstellungen von „Problem melden“ (Maskierungsregeln samt Namensliste und eigenen Mustern, Ziel, Vorlagen, GitHub-Repository, E-Mail-Empfänger, ausgewählte Abschnitte) | Ihre Einstellungen | chrome.storage.local | bis Sie sie ändern oder die Erweiterung entfernen Ticketziele, die Sie anlegen (Name, System, Basis-URL, Projekt, Vorgangstyp, Labels, Feldzuordnung, Modus, Anmeldeart; ohne Token oder Passwort), zuletzt gewähltes Ticketziel | Ihre Einstellungen | chrome.storage.local | bis Sie sie ändern oder die Erweiterung entfernen Token, Passwort und Benutzer für ein Ticketsystem, nur wenn Sie „Merken, solange FrontTailor aktiv ist“ wählen | Anmeldung beim Ticketsystem ohne erneute Eingabe | nur im Arbeitsspeicher des Service Workers der Erweiterung, in keinem Speicher der Erweiterung | bis „Vergessen“, bis das Ticketsystem das Token ablehnt, bis Sie das Ziel entfernen oder bis Chrome den Service Worker beendet (nach kurzer Inaktivität oder beim Neustart des Browsers) KI-Assistent: Anbieter, Endpunkt, Modell, Deployment, Ressourcengruppe (ohne Schlüssel) | Ihre Einstellungen | chrome.storage.local | bis Sie sie ändern oder die Erweiterung entfernen KI-Assistent: API-Schlüssel bzw. Client-ID und Client-Secret | Anmeldung beim KI-Anbieter | mit „Auf diesem Gerät speichern“ (voreingestellt): verschlüsselt (AES-GCM) in chrome.storage.local, der Entschlüsselungsschlüssel in der IndexedDB der Erweiterung, beides im Browserprofil dieses Geräts; ohne Häkchen oder wenn Ihr Arbeitgeber es per Richtlinie verbietet: nur im Arbeitsspeicher des Service Workers. Nie in chrome.storage.sync (keine Synchronisierung über Ihr Google-Konto), nie in Exporten, Team-Paketen oder Fehlerberichten | gespeichert: bis „Schlüssel vergessen“ oder bis Sie die Erweiterung entfernen; nur im Arbeitsspeicher: bis der Service Worker beendet wird (nach kurzer Inaktivität) KI-Assistent: Zeitpunkt der Speicherung und der letzten Nutzung des Schlüssels | Anzeige „zuletzt verwendet“ | chrome.storage.local, neben dem verschlüsselten Schlüssel | wie der Schlüssel KI-Assistent: bei SAP AI Core das Access Token | Anmeldung beim KI-Anbieter | nur im Arbeitsspeicher des Service Workers, nie gespeichert | bis zum Ablauf, „Schlüssel vergessen“ oder bis der Service Worker beendet wird KI-Assistent: Verlauf der Unterhaltung, Kontext-Chips, Vorschau | Anzeige im Panel | nur im Arbeitsspeicher | bis „Neue Unterhaltung“ oder bis zum Schließen des Panels; eine Vorschau höchstens 15 Minuten Team-Sync: abonnierte Paket-URLs (ohne Zugangsdaten), das zuletzt abgerufene oder importierte Team-Paket, welche Einträge aus welchem Paket stammen, abgelehnte Änderungen, die Team-Bibliothek; OData-Filter, Replay-Requests (ohne Zugangsdaten), Palette-Favoriten und bekannte Fehler eines Pakets landen bei Ihren gespeicherten Filtern, Replay-Sammlungen, Favoriten und bekannten Fehlern, Performance-Budgets bei den Budgets des Profilers, Snippets in der Snippet-Bibliothek, PII-Regeln bei den Maskierungsregeln von „Problem melden“ | Gemeinsame Einstellungen Ihres Teams | chrome.storage.local | bis Sie die Quelle entfernen oder die Erweiterung entfernen Systemvergleich, Snapshots, die Sie aufnehmen: App-ID, Titel, App-, Komponenten- und UI5-Version, geladene Bibliotheken, Theme, Sprache, Cache-Buster-Tokens (Pfade ohne Query-String), Flex-Änderungen als Zählung und Change-ID (ohne Inhalt), pro OData-Service URI, SHA-256-Hash und Struktur des $metadata (Typen, Properties, Navigationen; ohne Labels), Auszug der manifest.json, Launchpad-Intent mit Parameternamen (ohne Werte) und Target Mapping, Pfad der Seite ohne Query-String, Host mit Host-Profil und PROD-Kennzeichen; keine Geschäftsdaten, Benutzer oder Zugangsdaten | Vergleich zweier Systeme, Export als Markdown oder JSON | chrome.storage.local | höchstens 10 pro App und Host (insgesamt 100), bis Sie sie löschen oder die Erweiterung entfernen Release-Prüfung nach Transport, Läufe, die Sie starten: App-ID, Titel, erwartete Version und ihre Herkunft, pro System Host mit Host-Profil und PROD-Kennzeichen, ausgelieferte Version, Ergebnis (Ampel) je Prüfung mit Versionen, Zeitstempeln und Pfaden ohne Query-String, nächste Schritte, Zeitpunkte; keine Antworttexte, Geschäftsdaten, Benutzer oder Zugangsdaten | Verlauf und Export als Markdown oder CSV | chrome.storage.local | höchstens 10 Läufe pro App (insgesamt 50 Apps), bis Sie sie löschen oder die Erweiterung entfernen Backend-Service: pro SAP-Host nur der Schalter „Backend-Service verwenden“ und ein abweichender Service-Pfad | Ihre Einstellung | chrome.storage.local | bis Sie ihn ausschalten oder die Erweiterung entfernen Backend-Service: Antworten des SAP-Systems (Ihr Benutzername, Mandant, System, Namen Ihrer PFCG-Rollen; im Tab „Rollen“ auch Rollen, Kataloge, Spaces und Intents eines anderen Benutzers, den Sie eingeben; Ergebnis der Startberechtigung) | Anzeige im Tab „Rollen“, Kachel-Prüfkette, Session-Kachel | Arbeitsspeicher des Panels; der Zustand des Service höchstens 5 Minuten im Arbeitsspeicher des Service Workers; das CSRF-Token nur im Arbeitsspeicher des Service Workers | bis zum Schließen der Ansicht bzw. bis der Service Worker beendet wird Lesezeichen für den App-Zustand, die Sie mit „Zustand merken“ anlegen: Name, Origin des Systems, Pfad mit Hash ohne sensible URL-Parameter, App-ID und -Titel, Filterwerte und Variante, gewählter Tab oder Abschnitt, auf Wunsch die letzten aufgezeichneten Schritte (Werte schon im Recorder maskiert) | Wiederherstellen des Zustands; Anzeige maskiert mit Ihren PII-Regeln | chrome.storage.local (bookmarks.v1), nie in sync | bis Sie das Lesezeichen löschen oder die Erweiterung entfernen; in einem Team-Paket, das Sie exportieren, nur maskiert Fiori-Design-Guidelines-Prüfung: Floorplan, Score und Befunde mit Control-IDs, Control-Typen und Texten der App (z. B. Button-Texte, Seitentitel) | Tab „Fiori Guidelines“: Anzeige, Export | nur im Arbeitsspeicher der Seite und des Panels | bis zum Neuladen der Seite bzw. bis zum Schließen der Ansicht Fehlersimulation: Ihre Regeln (Service, Entity-Set, Methode, Wirkung, Fehlertext, eigenes JSON) und ihre Trefferzahl | Tab „Fehlersimulation“, Antworten in der Seite | chrome.storage.session, je Tab; in der Seite nur die Markierung fioritailor.faults.active=1 in der sessionStorage | bis zum Schließen des Tabs bzw. des Browsers; die Markierung bis zum Ausschalten i18n- und Barrierefreiheitsprüfung: Befunde mit Control-IDs, Control-Typen, Texten und Schlüsseln der App, Farbwerten und den Sprachdateien, die Sie laden lassen | Tab „Qualität“: Anzeige, Export | nur im Arbeitsspeicher der Seite und des Panels | bis zum Neuladen der Seite bzw. bis zum Schließen der Ansicht Absprung ins Backend und SAP-Incident: Transaktions-ID, Zeitpunkt, Korrelations-ID, SAP-Benutzer, Mandant und Fehlertext des fehlgeschlagenen Requests; Anwendungskomponente der App; Incident-Text mit Ihren Eingaben (maskiert) | Links ins SAP-System, Suchwerte, Incident-Text | nur im Arbeitsspeicher des Panels; Zwischenablage oder Download nur auf Ihren Klick | bis zum Schließen der Ansicht Morgencheck, Prüflisten: Name, Launchpad-URL, Apps als Intent oder URL (ohne Benutzer und Passwort), optional die Klick-Schritte einer gespeicherten Aufzeichnung (Control-IDs und -Typen, Hash), Schwellen und Erinnerungszeit | Morgencheck auf Ihren Klick, Team-Sync-Abschnitt „Morgencheck-Listen“ | chrome.storage.local | bis Sie die Liste löschen oder die Erweiterung entfernen; höchstens 20 Listen mit je 30 Apps Morgencheck, Ergebnisse je Lauf: pro App URL, HTTP-Status, Startzeit, UI5-Version, Host-Profil und PROD-Kennzeichen, bis zu 5 Meldungen aus dem UI5-Log (können Texte der App enthalten) und bis zu 10 fehlgeschlagene Requests als Methode, Adresse ohne Query-String und Status, Ergebnis der Schritte | Bericht mit Ampel und Vergleich zum letzten Lauf; Export als Markdown, CSV oder HTML und Übergabe an „Problem melden“, jeweils mit den PII-Regeln von „Problem melden“ maskiert | chrome.storage.local | die letzten 7 Läufe pro Liste; mit der Liste gelöscht Buchempfehlungen: der Schalter „Buchempfehlungen anzeigen“ und welche Buchhinweise Sie geschlossen haben (nur Buch-Kürzel, keine Klicks) | Ihre Einstellung | chrome.storage.local | bis Sie es ändern oder die Erweiterung entfernen Richtlinien Ihres Arbeitgebers (z. B. erlaubte Hosts) | Unternehmenseinstellungen | chrome.storage.managed, vom Administrator gesetzt | nach Vorgabe des Administrators Die Erweiterung speichert keine Passwörter, Tokens oder Session-Cookies. Einzige Ausnahme ist Ihr eigener Schlüssel für den KI-Assistenten, wenn Sie „Auf diesem Gerät speichern“ eingeschaltet lassen (Abschnitt 8). Ein Token für ein Ticketsystem hält sie nur auf Ihren Wunsch im Arbeitsspeicher ihres Service Workers und schreibt es in keinen Speicher; nach kurzer Inaktivität ist es vergessen. Query-Parameter und Bodies von Requests speichert nur die OData-Konsole, lokal und ohne Parameter mit Zugangsdaten (z. B. sap-password); Requests, die Sie in einer Replay-Sammlung speichern, bleiben dauerhaft, bis Sie sie löschen. Requests können personenbezogene Daten aus Ihrem SAP-System enthalten; sie verlassen Ihren Rechner nur, wenn Sie selbst einen Export speichern oder weitergeben. Inhalte, die Sie aktiv kopieren (z. B. „Kopieren als Markdown“), landen in Ihrer Zwischenablage und werden von FrontTailor nicht weitergegeben. Problem melden. Ein Fehlerbericht entsteht nur auf Ihren Klick (Popup, Command Palette, Alt+Shift+R oder Panel). Bevor er das Panel verlässt, maskiert FrontTailor in allen Textfeldern E-Mail-Adressen, Telefonnummern, IBANs, lange Ziffernfolgen, Namen aus Ihrer Liste und eigene Muster; Ihr Arbeitgeber kann Regeln verpflichtend machen. Die Vorschau zeigt den vollständigen Text mit allen maskierten Stellen, den Screenshot und das Ziel. Den Screenshot sehen Sie vor dem Versand; Bereiche mit Daten können Sie verpixeln (das exportierte Bild enthält nur die Blöcke). Der Screenshot selbst wird nicht automatisch maskiert. Die URL im Bericht enthält keine Parameter mit Zugangsdaten (z. B. sap-password, MYSAPSSO2, token). Da keine Daten an CloudDNA übermittelt werden (auch nicht beim KI-Assistenten), verarbeitet CloudDNA selbst keine personenbezogenen Daten über die Erweiterung. Die lokale Verarbeitung dient allein der von Ihnen genutzten Funktion. Soweit dabei personenbezogene Daten betroffen sind, verarbeiten Sie sie selbst in Ihrem Browser. Wir erhalten diese Daten nicht und sind deshalb weder Empfänger noch Auftragsverarbeiter. #### 5. Zugriff auf Websites - Ein kleines Skript prüft auf jeder Seite nur, ob SAP-UI5-Merkmale vorhanden sind. Es liest keine Inhalte und sendet nichts. - Auf eine UI5-Anwendung greift FrontTailor erst zu, nachdem Sie die Domain ausdrücklich freigegeben haben. Freigaben können Sie jederzeit unter chrome://extensions bzw. edge://extensions widerrufen. - Ihr Arbeitgeber kann per Richtlinie festlegen, auf welchen Hosts FrontTailor aktiv sein darf. - Auf freigegebenen Domains zeichnet ein Skript ab Seitenstart die OData-Requests der App auf (OData-Konsole). Sie können das pro Domain im Panel ausschalten; Ihr Arbeitgeber kann es per Richtlinie (modules.odata) abschalten. - Der Performance-Profiler misst erst, wenn Sie „Messung starten“ klicken, und lädt die Seite nur neu, wenn Sie das auswählen. Er liest Zeiten und Größen aus der Performance-Schnittstelle des Browsers und aus UI5; er sendet keine Requests und überträgt nichts. Export (Markdown, Druckansicht) geschieht nur auf Ihren Klick und nur lokal. - „Problem melden“ nimmt einen Screenshot nur des sichtbaren Bereichs des aktiven Tabs auf, und nur nach Ihrer Aktion (Klick auf das FrontTailor-Symbol oder Alt+Shift+R); Chrome gibt den Zugriff nur dann frei (activeTab). Der Click-Trail entsteht in freigegebenen UI5-Anwendungen, solange „Click-Trail aufzeichnen“ eingeschaltet ist. Eine Aufzeichnung der Aufzeichnungsleiste läuft nur, nachdem Sie „Aufzeichnen“ (oder den Palette-Befehl) gewählt haben, und endet mit „Stoppen“, nach 10 Minuten oder 200 Schritten. Die Erweiterung sendet sie nirgendwohin; sie verlässt das Panel nur als Datei, die Sie exportieren, oder als Teil eines Berichts, den Sie in der Vorschau prüfen und selbst absenden. - Die Deployment-Prüfung (Werkzeuge) ruft auf Ihren Klick die manifest.json der App, die sap-ui-cachebuster-info.json und die sap-ui-version.json frisch vom selben Server ab, von dem die Seite stammt. Die Antworten werden nur angezeigt und nicht gespeichert; der Browser-Cache bleibt unberührt. - Die Berechtigungsdiagnose wertet die Fehlerantworten aus, die die OData-Konsole ohnehin aufzeichnet. Die Kachel-Prüfung fragt auf Ihren Klick die Launchpad-Dienste der Seite als angemeldeter Benutzer; läuft die geprüfte App nicht, liest sie einmal deren manifest.json vom selben Server. Benutzerkennungen erscheinen nur maskiert (z. B. D********1), auch in kopierten oder heruntergeladenen Markdown-Texten. - Der Systemvergleich (Tab „Vergleich“) nimmt einen Snapshot nur auf Ihren Klick auf. Dabei ruft er pro OData-Service der App einmal dessen $metadata vom selben Server ab, von dem die Seite stammt; andere Server fragt er nicht. Der Text wird nur gehasht und zusammengefasst, nicht gespeichert. Einen Snapshot eines anderen Systems nimmt er nur in einem Tab dieses Systems auf: Auf Ihren Klick („Snapshot von holen“) nutzt er einen offenen Tab oder öffnet dieselbe App-Seite dort; ohne Ihre Freigabe der Domain geschieht nichts. Im Hintergrund werden keine Systeme abgefragt. - Die Release-Prüfung (Tab „Release“, Enterprise-Edition) fragt Systeme nur auf Ihren Klick auf „Release prüfen“ und nur die Systeme Ihrer Host-Profile, die Sie ankreuzen. Pro System lädt sie im Tab dieses Systems (offener Tab oder neuer Tab im Hintergrund, nur nach Ihrer Freigabe der Domain) vom selben Server manifest.json, Component-preload.js, sap-ui-cachebuster-info.json und auf ABAP-Systemen den UI5-App-Index (/sap/bc/ui2/app_index), ohne Cache und mit Ihrer bestehenden Anmeldung. Gespeichert werden nur Versionen, Zeitstempel, Pfade und Ampeln, nicht die Antworttexte. Die Prüfung liest nur; sie startet keine Reports und leert keine Caches. - Der Backend-Service (Tab „Rollen“, Enterprise-Edition) fragt das optionale FrontTailor-Add-on in Ihrem SAP-System, erst nachdem Sie „Backend-Service verwenden“ für diesen Host eingeschaltet haben. Die Requests gehen nur an den Server der Seite, mit Ihrer bestehenden Anmeldung; der Service liest nur. - Gelesen werden Ihr Benutzername, Mandant, System und die Namen Ihrer Rollen, auf Ihren Klick auch Kataloge, Spaces, Intents und Startberechtigungen. - Geben Sie einen anderen Benutzer ein, liefert das System dessen Rollen und Kataloge, nur wenn Sie dafür berechtigt sind (Rolle /CDNA/FT_SIM). Das SAP-System protokolliert jede solche Prüfung im Anwendungsprotokoll (SLG1) mit Ihrem Benutzer, dem geprüften Benutzer und dem Zeitpunkt; das Panel weist vorher darauf hin. Für dieses Protokoll ist Ihr Arbeitgeber als Betreiber des SAP-Systems verantwortlich. - FrontTailor speichert die Antworten nicht und gibt sie nicht weiter. Benutzernamen anderer erscheinen nur im Panel. - Die Fehlersimulation (Tab „Fehlersimulation“) beantwortet passende OData-Requests im Browser selbst; simulierte Antworten und Ihre Regeln verlassen den Browser nicht. Simulierte Änderungen in einem $batch erreichen den Server nicht. - Die Fiori-Design-Guidelines-Prüfung (Tab „Fiori Guidelines“) läuft erst auf Ihren Klick (oder den Palettenbefehl) und liest nur, was die App gerade anzeigt. Sie stellt keinen Request; die Links auf die Guidelines (experience.sap.com, www.sap.com) öffnen sich erst auf Ihren Klick in einem neuen Tab. Exporte (CSV, Markdown) entstehen lokal. - Die i18n- und Barrierefreiheitsprüfung (Tab „Qualität“) läuft erst auf Ihren Klick und liest nur, was die App schon geladen hat. Nur „Übersetzungen laden“ fordert die deutsche und englische Sprachdatei der App an, über die App selbst und nur vom selben Server wie die Seite; Dateien anderer Server (z. B. Bibliotheken vom SAP-CDN) fragt sie nicht an. Exporte (CSV, Markdown) entstehen nur lokal. - Der Morgencheck (Tab „Morgencheck“, Enterprise-Edition) öffnet die Apps einer Prüfliste nur auf Ihren Klick auf „Check starten“, nacheinander in einem inaktiven Tab (oder einem eigenen Fenster) und schließt jeden Tab wieder. Die Apps laden dabei wie bei einem normalen Aufruf mit Ihrer bestehenden Anmeldung von ihren eigenen Servern; FrontTailor selbst sendet nichts an diese oder andere Server. Für Systeme ohne Freigabe fragt der Browser im selben Klick nach dem Zugriff; ohne Freigabe bleibt die App ungeprüft. Aufgezeichnete Schritte (Klicks) wiederholt der Check nur auf Systemen ohne PROD-Kennzeichen. Es gibt keine Überwachung im Hintergrund: Die optionale tägliche Erinnerung zeigt nur ein Zeichen am FrontTailor-Symbol und startet nichts. - „Replay“ in der OData-Konsole sendet einen Request erneut an dasselbe System, aber erst nach einer Vorschau und Ihrem Klick, und nie auf Systemen mit PROD-Kennzeichen. - Die Links „API-Referenz“ im Control Inspector öffnen die UI5-Dokumentation (ui5.sap.com bzw. sdk.openui5.org) erst auf Ihren Klick in einem neuen Tab. Vorher prüft FrontTailor beim selben Server, ob es die Dokumentation zur UI5-Version Ihrer App dort gibt (Abruf von /index.html ohne Cookies, bei Bedarf der öffentlichen Versionsliste version.json). Übertragen wird dabei nur die Versionsnummer; SAP erhält wie bei jedem Seitenaufruf Ihre IP-Adresse und die Browser-Kennung. Der Link „Fiori Design Guidelines“ öffnet nur eine Seite von www.sap.com, ohne Daten Ihrer App. - „Als Variable speichern“ (Inspector) legt Verweise auf Controls, Bindungskontexte oder Models nur in der geöffneten Seite ab ($ft0 …). FrontTailor speichert sie nicht und überträgt nichts; beim Neuladen der Seite sind sie weg. - „Sprache“ (Werkzeuge) lädt die App auf Ihren Klick mit dem URL-Parameter sap-ui-language neu oder stellt die Sprache in der laufenden App um. Die App lädt dann ihre Texte in dieser Sprache vom eigenen Server; FrontTailor selbst sendet nichts. - „Nur eigenen Code debuggen“ und die URL-Vorlagen (Werkzeuge) laden die Seite nur auf Ihren Klick mit URL-Parametern neu (z. B. sap-ui-debug, sap-ui-theme, sap-client). Die App lädt dann ihre Dateien vom eigenen Server; FrontTailor selbst sendet nichts. - „Im Editor öffnen“ (Inspector, Werkzeuge) liest auf Ihren Klick die View- und Fragment-Dateien der App vom selben Server, von dem die Seite stammt (ohne Cache, höchstens 512 KB), um die Zeile des Controls zu finden. Andere Server fragt es nicht, gespeichert wird nichts. Der Link in Ihren Editor (vscode://…, idea://…) verlässt den Browser erst nach Ihrem Klick und der Rückfrage des Browsers; er enthält nur den lokalen Dateipfad und die Zeile. - Der „UI5-Version-Override“ (Werkzeuge) lädt die UI5-Dateien der App in einem Tab vom offiziellen SAP-CDN (ui5.sap.com bzw. sdk.openui5.org) statt vom bisherigen Server. Er wird nur auf Ihren Klick aktiv, nach einer Vorschau, welche Adressen wohin umgeleitet werden, und nie auf Systemen mit PROD-Kennzeichen. Solange er aktiv ist, ruft Ihr Browser diese Dateien direkt bei SAP ab; SAP erhält dabei wie bei jedem Abruf einer Website Ihre IP-Adresse, die Browser-Kennung und in der Regel die Herkunft (Origin) der Seite. Die Inhalte Ihrer Anwendung werden nicht übertragen. Auf Ihren Klick kann FrontTailor außerdem die öffentliche Versionsliste (https://ui5.sap.com/version.json bzw. https://sdk.openui5.org/version.json) abrufen; die Adresse steht vorher neben dem Knopf. - „Lokaler Code“ lädt die Dateien einer App in einem Tab von Ihrem eigenen Dev-Server (localhost oder ein von Ihnen bestätigter Host wie Ihr BAS-Dev-Space) statt vom System. Er wird nur auf Ihren Klick aktiv, nach einer Vorschau, welche Adressen wohin umgeleitet werden, nie auf Systemen mit PROD-Kennzeichen, und ein Banner in der Seite zeigt ihn an. „Dev-Server prüfen“ ruft auf Ihren Klick manifest.json ab, ohne Cookies. Es gehen keine Daten an Dritte. - Team-Sync (Tab „Team“) ruft ein Team-Paket von einer Adresse ab, die Sie selbst eintragen oder die Ihr Arbeitgeber per Richtlinie vorgibt, zum Beispiel einen Git-Server oder SharePoint Ihres Unternehmens. - Selbst eingetragene Adressen werden nur auf Ihren Klick abgerufen, vorgegebene zusätzlich nach dem Zeitplan der Richtlinie. - Gesendet wird nur ein Abruf (GET) dieser Datei. Ihr Browser schickt dabei wie bei jedem Seitenaufruf Ihre IP-Adresse, die Browser-Kennung und Ihre Anmelde-Cookies für genau diesen Server mit. - Inhalte Ihrer SAP-Anwendungen werden nicht übertragen. - Übernommen wird ein Paket erst nach einer Vorschau und Ihrem Klick. - Exporte erzeugen eine Datei bzw. einen Text in der Zwischenablage. Weitergegeben werden sie nur, wenn Sie das selbst tun. Sie enthalten keine Zugangsdaten. #### 6. Berechtigungen Die Berechtigungen der Erweiterung und ihr Zweck sind in der Store-Beschreibung einzeln erklärt (storage, scripting, activeTab, sidePanel, webRequest, alarms für den geplanten Abruf vorgegebener Team-Pakete und die Erinnerung des Morgenchecks, declarativeNetRequestWithHostAccess, optional browsingData, Host-Zugriff nach Freigabe). declarativeNetRequestWithHostAccess erlaubt das Umleiten von Requests für den UI5-Version-Override und für „Lokaler Code“. Chrome zeigt dafür bei der Installation keine Warnung; die Berechtigung wirkt nur auf Domains, die Sie freigegeben haben, und nur, nachdem Sie den Override eingeschaltet haben. FrontTailor fordert die Berechtigung debugger nicht an. Profiler Companion. Das CPU-Tiefenprofil des Performance-Profilers braucht die separate, kostenlose Erweiterung „FrontTailor Profiler Companion“. Sie hat nur die Berechtigung debugger, keinen Zugriff auf Webseiten und keine eigene Oberfläche. - Sie wird nur tätig, wenn Sie in FrontTailor ein Tiefenprofil starten, und nur für den Tab, den FrontTailor nennt. Auf PROD-Systemen startet FrontTailor das Tiefenprofil nicht. - Während der Messung zeigt Chrome die Leiste „FrontTailor Profiler Companion hat mit dem Debuggen dieses Browsers begonnen“. Danach, bei Fehlern und spätestens nach 90 Sekunden löst der Companion die Verbindung. - Er speichert nichts. Das zusammengefasste Ergebnis (CPU-Zeit je Funktion und Skriptadresse ohne Query-String, Anzahl und Größe der Requests je Typ) geht nur an FrontTailor in Ihrem Browser und wird dort wie jede Performance-Messung gespeichert (Abschnitt 5). Er sendet nichts an CloudDNA oder Dritte. - Er nimmt nur Nachrichten von FrontTailor an, nicht von anderen Erweiterungen oder Webseiten. #### 7. Weitergabe an Dritte Es findet keine Weitergabe statt, außer an den KI-Anbieter, wenn Sie den KI-Assistenten nutzen (Abschnitt 8), und an das Ticketsystem, wenn Sie einen Bericht als Ticket senden (Abschnitt 7a). Die Erweiterung lädt keinen Code von externen Servern nach; Team-Pakete sind Daten (Einstellungen), kein Code. Ausnahme auf Ihre ausdrückliche Anweisung: Beim UI5-Version-Override lädt die Seite ihre UI5-Dateien vom SAP-CDN (siehe Abschnitt 5). Es ist der Code, den die Seite ohnehin ausführt, nur in der von Ihnen gewählten Version; die Erweiterung selbst führt ihn nicht aus. Ebenso bei „Lokaler Code“: Die Seite lädt den Code Ihrer App von Ihrem eigenen Dev-Server. Team-Sync ruft ein Team-Paket nur von dem Server ab, den Sie selbst eintragen oder den Ihr Arbeitgeber per Richtlinie vorgibt, und übernimmt es erst nach Vorschau und Ihrem Klick (Abschnitt 5). Exporte gehen nur an Ihre Zwischenablage oder als Datei in Ihren Download-Ordner. „Problem melden“ übergibt einen Bericht nur nach Vorschau und Ihrem Klick, und zwar an Ihre Zwischenablage, an Ihr E-Mail-Programm (mailto:), als Datei in Ihren Download-Ordner oder an einen neuen Browser-Tab mit vorausgefülltem GitHub-Issue (https://github.com//issues/new?title=…&body=…). Im letzten Fall ruft Ihr Browser GitHub auf; Titel und gekürzter Text stehen dabei in der Adresse und gehen an GitHub, sobald die Seite lädt. Gesendet oder gespeichert wird erst, wenn Sie es im E-Mail-Programm bzw. auf GitHub selbst tun; dafür gelten die Bedingungen des jeweiligen Dienstes. Ihr Arbeitgeber kann die Ziele per Richtlinie einschränken (issueReporter.targets). Die Buchempfehlungen sind reine Links auf die Seiten der Bücher beim Rheinwerk Verlag (https://www.rheinwerk-verlag.de/…), ohne Tracking- oder Partnerparameter. Die Cover liegen in der Erweiterung; beim Anzeigen wird nichts geladen. Erst Ihr Klick auf „Beim Verlag ansehen“ oder einen Palettenbefehl öffnet die Seite in einem neuen Tab. FrontTailor zählt und meldet diese Klicks nicht. Für die Seite des Verlags gilt dessen Datenschutzerklärung. Ihr Arbeitgeber kann die Empfehlungen per Richtlinie ausblenden (bookRecommendations: false). Der Absprung ins Backend stellt keinen Request. Er zeigt Links in SAP GUI for HTML desselben SAP-Systems, die Ihr Browser erst auf Ihren Klick mit Ihrer bestehenden Anmeldung öffnet; Transaktion und gegebenenfalls Mandant und Ihr SAP-Benutzer stehen dabei in der Adresse. „SAP-Incident vorbereiten“ sendet nichts an SAP. Der Text ist maskiert und verlässt das Panel nur über Zwischenablage oder Download. „In der SAP-Wissensdatenbank suchen“ kopiert den maskierten Suchbegriff in die Zwischenablage und öffnet die Suche von SAP for Me (https://me.sap.com/knowledge/search/) ohne Parameter; erst wenn Sie den Begriff dort einfügen, geht er an SAP. ##### 7a. Ticketsysteme „Problem melden“ und die Berechtigungsdiagnose können einen Bericht als Ticket an Jira, GitHub, GitLab, Azure DevOps oder ServiceNow übergeben. Das Ticketsystem richten Sie selbst ein oder Ihr Arbeitgeber gibt es per Richtlinie vor (ticketTargets). - Was übertragen wird: genau das, was die Vorschau zeigt: Titel, maskierter Bericht (Schritte, Umgebung, OData-Fehler, Click-Trail, Systemsteckbrief), bei Befunden der Berechtigungsdiagnose fehlendes Berechtigungsobjekt, Service und Request, und der Screenshot nur, wenn Sie ihn in den Bericht aufgenommen haben. Die Vorschau nennt Anhänge mit Name und Größe. Vor dem Versand gelten dieselben Maskierungsregeln wie bei „Problem melden“. - Wann: erst nach der Vorschau und Ihrem Klick auf „Senden“ bzw. „Ticket anlegen“. Nichts wird im Hintergrund oder automatisch gesendet. - Wie und wohin: - *Formular (Standard):* FrontTailor öffnet die Anlegeseite Ihres Ticketsystems in einem neuen Tab; Titel und Text stehen in der Adresse und gehen an das Ticketsystem, sobald die Seite lädt. Angelegt wird das Ticket erst, wenn Sie es dort selbst speichern. FrontTailor sendet dabei nichts selbst. - *API:* Der Service Worker der Erweiterung schickt die in der Vorschau gezeigten Requests direkt an die Adresse Ihres Ticketsystems, mit dem Token oder Passwort, das Sie dafür eingeben. Ihr Browser schickt dabei Ihre IP-Adresse und die Kennung der Erweiterung (Origin) mit, bei der Anmeldeart „Browser-Sitzung“ auch Ihre Anmelde-Cookies für genau dieses System. Bei Token- und Passwort-Anmeldung gehen keine Cookies mit. - Für den API-Weg fragt FrontTailor beim ersten Senden eine Host-Freigabe für das Ticketsystem an. Sie können sie unter chrome://extensions widerrufen. - Speicherung: Für das angelegte Ticket gelten die Bedingungen Ihres Ticketsystems bzw. Ihres Arbeitgebers. FrontTailor merkt sich nur Ihre Ziele ohne Geheimnisse (Abschnitt 4); den Link zum Ticket zeigt es an, speichert ihn aber nicht. - Unternehmen können Ziele vorgeben, die erlaubten Hosts einschränken (allowedTicketHosts), das Ziel abschalten (issueReporter.targets) oder das ganze Modul (modules.issues). Hinweis: Installation und Updates laufen über den Chrome Web Store (Google) bzw. Microsoft Edge Add-ons (Microsoft) oder über die IT Ihres Unternehmens. Dabei gelten deren Datenschutzbestimmungen. #### 8. KI-Assistent Der KI-Assistent bleibt ausgeschaltet, bis Sie selbst einen Anbieter und Ihren eigenen Zugang eintragen („Bring Your Own Key“). Zur Wahl stehen Anthropic, Microsoft Azure OpenAI, SAP AI Core (Generative AI Hub), Google Gemini, Mistral AI oder ein OpenAI-kompatibler Endpunkt, z. B. ein lokales Modell (Ollama) oder ein Gateway Ihres Unternehmens. - Was übertragen wird: nur, was die Vorschau zeigt. Das sind der System-Prompt, die Kontext-Chips, die Sie nicht entfernt haben, frühere Nachrichten der Unterhaltung und Ihre Frage. Kontext-Chips können je nach Aktion enthalten: - UI5-Version und App-Steckbrief - das ausgewählte Control mit seinen Bindings und Werten, seiner Bibliothek und dem Link auf die passende Seite der Fiori Design Guidelines - bei der Fiori-Guidelines-Prüfung den gewählten Befund (Control-Typ und -ID, Texte wie Button-Beschriftungen) bzw. für „Floorplan prüfen“ Floorplan, Score und die Befunde je Regel mit bis zu drei Beispiel-Controls und die manuelle Checkliste - beim Planen des Sprachtests die Spracheinstellungen der App (aktuelle und Anmeldesprache, unterstützte Sprachen je App, Adresse der Seite ohne Query-String und Fragment) und die Anzahl der i18n-Befunde der letzten Qualitätsprüfung - fehlgeschlagene OData-Requests samt Fehlertext und Auszügen aus Request- und Response-Body - einen Auszug aus $metadata und dem Manifest - Fehlermeldungen des UI5-Logs - bei der Code-Analyse die Quelldateien der App (Manifest, Component.js, Views, Controller, Fragmente; nur vom selben Ursprung wie die App, höchstens 20 Dateien) – jede Datei als eigener Chip mit Größe, den Sie entfernen können - Berichte von FrontTailor (Profiler, UI5 2.0, Qualitätsprüfung, Systemvergleich, Bibliotheksanalyse mit Manifest-Vorschlag und Netzwerk-Zusammenfassung), generierten Testcode, aufgezeichnete Schritte, die Struktur von Mock-Daten (keine Werte), Berechtigungs- und Rollenergebnisse (beim Rollen-Simulator ohne Benutzernamen) oder den Text eines Tickets – nie einen Screenshot Welche Daten ein Einstieg sendet, steht in der Übersicht „Was die KI kann“ im Tab „KI“ und im Banner über der Frage. Diese Inhalte können personenbezogene Daten aus Ihrem SAP-System enthalten. - Maskierung: Vor dem Versand maskiert FrontTailor mit denselben Regeln wie der Issue Reporter: E-Mail-Adressen, Telefonnummern, IBANs, Ziffernfolgen ab acht Stellen, Ihre eigenen Namen und Muster sowie die Pflichtregeln Ihres Arbeitgebers; sie werden durch Platzhalter wie [EMAIL] ersetzt. Die Maskierung ist voreingestellt. Sie lässt sich pro Anfrage abschalten, außer Ihr Arbeitgeber schreibt sie vor; Pflichtregeln gelten immer. Sie erkennt nicht jede Art personenbezogener Daten; prüfen Sie die Vorschau. - Wann: erst nach der Vorschau und Ihrem Klick auf „Senden“. Es gibt keinen automatischen Versand und keinen im Hintergrund. Die Antwort wird nur angezeigt und nie automatisch angewendet. - Wohin: direkt von Ihrem Browser an den Endpunkt, den Sie eingetragen haben (bzw. den Ihr Arbeitgeber vorgibt). Bei SAP AI Core geht vorher eine Token-Anfrage mit Client-ID und Client-Secret an die Token-URL Ihres Service Keys. Der Anbieter erhält dabei auch Ihre IP-Adresse und die Kennung der Erweiterung (Origin). CloudDNA erhält nichts. - Verantwortung: Für die Verarbeitung beim KI-Anbieter gelten dessen Bedingungen und Ihr Vertrag mit ihm, z. B. zur Speicherdauer und zur Nutzung für Training. Wir erhalten diese Daten nicht und sind deshalb weder Empfänger noch Auftragsverarbeiter. Ob die Daten dabei in ein Land außerhalb der EU gelangen, hängt von dem Anbieter und Endpunkt ab, die Sie bzw. Ihr Arbeitgeber wählen. - Ihr Schlüssel: Mit „Auf diesem Gerät speichern“ (voreingestellt) liegt er verschlüsselt im Browserprofil dieses Geräts (chrome.storage.local, AES-GCM). Das schützt vor versehentlichem Offenlegen, etwa wenn jemand den Speicher der Erweiterung ausliest, aber nicht vor jemandem mit Zugriff auf das ganze Browserprofil: Der Entschlüsselungsschlüssel liegt im selben Profil. Er wird nicht über Ihr Google- oder Microsoft-Konto synchronisiert und geht nur an den Anbieter, den Sie eingetragen haben. „Schlüssel vergessen“ löscht ihn sofort. Ohne Häkchen bleibt er nur im Arbeitsspeicher und ist nach kurzer Inaktivität weg. - Zugriff: Für den Endpunkt fragt FrontTailor beim Speichern der Einstellungen eine Host-Freigabe an. Sie können sie unter chrome://extensions widerrufen. - Unternehmen können den Assistenten per Richtlinie abschalten (modules.ai), Anbieter und Endpunkt vorgeben, die Maskierung erzwingen und das Speichern von Schlüsseln verbieten (ai.persistKeys: false; gespeicherte Schlüssel werden dann gelöscht). Weitere Funktionen, die Daten selbst übertragen würden (z. B. anonyme Telemetrie), sind für spätere Versionen geplant. Die Übergabe an Ticketsysteme beschreibt Abschnitt 7a. Auch sie werden nur mit Ihrer ausdrücklichen Zustimmung aktiv, zeigen den Inhalt vor jedem Versand an und lassen sich per Unternehmensrichtlinie abschalten. Vor ihrer Einführung wird diese Erklärung aktualisiert. #### 9. Ihre Rechte Sie haben nach der DSGVO das Recht auf Auskunft, Berichtigung, Löschung, Einschränkung der Verarbeitung, Datenübertragbarkeit und Widerspruch sowie das Recht auf Beschwerde bei einer Aufsichtsbehörde (in Österreich: Datenschutzbehörde, [https://www.dsb.gv.at](https://www.dsb.gv.at)). Da CloudDNA über die Erweiterung keine Daten erhält, liegen bei CloudDNA keine Daten vor. Für Daten, die Sie über den KI-Assistenten an einen Anbieter gesendet haben, wenden Sie sich an diesen Anbieter. Lokale Daten löschen Sie, indem Sie die Profile in der Erweiterung löschen oder die Erweiterung entfernen. [office@clouddna.at](mailto:office@clouddna.at) #### 10. Änderungen Stand: 10. November 2026. Änderungen werden auf dieser Seite und im Changelog der Erweiterung veröffentlicht. ### 6. Werbung Werbe-E-Mails und Werbeanrufe gibt es von uns nur mit Ihrer vorherigen Einwilligung (§ 174 TKG 2021). ### 7. Ihre Rechte Sie haben das Recht auf Auskunft, Berichtigung, Löschung, Einschränkung, Datenübertragbarkeit und Widerspruch. Schreiben Sie dazu an [office@clouddna.at](mailto:office@clouddna.at). Beschwerden können Sie bei der österreichischen Datenschutzbehörde (Barichgasse 40–42, 1030 Wien, [www.dsb.gv.at](https://www.dsb.gv.at)) oder einer Aufsichtsbehörde in Ihrem Land einlegen. Stand: 10. November 2026 --- # Impressum · FrontTailor Quelle: https://fronttailor.com/impressum > Impressum der FrontTailor-Website: CloudDNA GmbH, Loipersdorf, Firmenbuch, UID, Aufsichtsbehörde, Haftung, Marken und Kontakt. ## Impressum Informationen nach § 5 ECG, § 14 UGB und Offenlegung nach § 25 MedienG. Für Nutzer:innen in Deutschland zugleich Anbieterkennzeichnung nach § 5 DDG. ### Medieninhaberin und Diensteanbieterin CloudDNA GmbH Untere Hauptstraße 23 7410 Loipersdorf, Österreich Telefon: [+43 664 1964199](tel:+436641964199) E-Mail: [office@clouddna.at](mailto:office@clouddna.at) Web: [www.clouddna.at](https://www.clouddna.at) ### Unternehmensdaten - Rechtsform: Gesellschaft mit beschränkter Haftung - Firmenbuchnummer: FN 480760 a - Firmenbuchgericht: Landesgericht Eisenstadt - UID-Nummer: ATU72725928 - Geschäftsführung: Martin Koch - Unternehmensgegenstand: IT-Dienstleistungen - Kammerzugehörigkeit: Wirtschaftskammer Burgenland - Aufsichtsbehörde nach ECG: Bezirkshauptmannschaft Oberwart - Verleihungsstaat: Österreich - Anwendbare Rechtsvorschriften: Gewerbeordnung, abrufbar unter [www.ris.bka.gv.at](https://www.ris.bka.gv.at) ### Offenlegung nach § 25 MedienG Medieninhaberin: CloudDNA GmbH, 7410 Loipersdorf. Geschäftsführung: Martin Koch. Beteiligung: Martin Koch (100 %). ### Grundlegende Richtung (§ 25 Abs. 4 MedienG) Information über die Software FrontTailor und die Leistungen der CloudDNA GmbH. ### Online-Streitbeilegung Wir sind nicht verpflichtet und nicht bereit, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen. Unser Angebot richtet sich an Unternehmen. Für Käufe auf dieser Website gelten unsere [AGB](https://fronttailor.com/agb) und [Lizenzbedingungen](https://fronttailor.com/lizenzbedingungen). ### Marken SAP, SAP Fiori und SAPUI5 sind Marken oder eingetragene Marken der SAP SE in Deutschland und anderen Ländern. FrontTailor ist ein Produkt der CloudDNA GmbH und wird von der SAP SE weder angeboten noch unterstützt oder gesponsert. Alle anderen genannten Produkt- und Firmennamen sind Marken ihrer jeweiligen Inhaber; ihre Nennung beschreibt, wofür und womit FrontTailor arbeitet. ### Haftung für Inhalte und Links Wir prüfen die Inhalte dieser Website sorgfältig und belegen Aussagen mit Fundstellen. Für Inhalte externer Websites, auf die wir verlinken, sind ausschließlich deren Betreiber verantwortlich; zum Zeitpunkt der Verlinkung waren keine Rechtsverstöße erkennbar. ### Urheberrecht Texte, Grafiken und Gestaltung dieser Website sind urheberrechtlich geschützt. Eine Verwendung außerhalb der gesetzlich erlaubten Nutzung braucht unsere Zustimmung. ### Bildnachweise Alle Grafiken und Bildschirmfotos dieser Website sind eigene Darstellungen; die Bildschirmfotos zeigen Demo-Apps mit erfundenen Daten. Buchcover: Rheinwerk Verlag (SAP PRESS). Es werden keine KI-generierten Bilder von realen Personen verwendet. --- # AGB · FrontTailor Quelle: https://fronttailor.com/agb > AGB für den Kauf von FrontTailor-Lizenzen und -Abos über diese Website: Vertragsschluss, Zahlung, Laufzeit, Kündigung, Widerrufsrecht und Haftung. ## Allgemeine Geschäftsbedingungen Diese Bedingungen gelten für Käufe von FrontTailor-Lizenzen über diese Website. Wie Sie die gekaufte Lizenz nutzen dürfen, regeln die [Lizenzbedingungen](https://fronttailor.com/lizenzbedingungen). ### 1. Anbieter und Geltungsbereich Vertragspartnerin ist die CloudDNA GmbH, Untere Hauptstraße 23, 7410 Loipersdorf, Österreich, FN 480760 a, Landesgericht Eisenstadt, UID ATU72725928, E-Mail [office@clouddna.at](mailto:office@clouddna.at), Telefon +43 664 1964199 (im Folgenden „wir“). Diese AGB gelten für alle Verträge, die Sie über diese Website und den anschließenden Bezahlvorgang abschließen, gleich ob Sie Unternehmer:in oder Verbraucher:in sind. Regeln, die nur für Verbraucher:innen gelten, sind als solche gekennzeichnet. Abweichende Bedingungen von Kund:innen gelten nur, wenn wir ihnen ausdrücklich schriftlich zustimmen. ### 2. Angebote und Preise Über diese Website verkaufen wir Abonnements für die Editionen Pro und Team (jeweils monatlich oder jährlich), je Nutzer:in und Laufzeit, für 1 bis 24 Nutzer:innen je Kauf. Die Edition Community ist kostenlos. Die Edition Enterprise, Lizenzen je SAP-System, Rahmenverträge und Mengen ab 25 Nutzer:innen bieten wir auf Anfrage gesondert an. Den Funktionsumfang beschreibt die Seite [Editionen](https://fronttailor.com/editionen) zum Zeitpunkt der Bestellung. Alle Preise sind Nettopreise in Euro zuzüglich der gesetzlichen Umsatzsteuer. Die Steuer berechnen wir nach Ihrer Rechnungsanschrift. Geben Sie als Unternehmen in einem anderen EU-Mitgliedstaat eine gültige UID an, stellen wir ohne Umsatzsteuer in Rechnung (Übergang der Steuerschuld, Reverse Charge). Maßgeblich ist der Preis, der im Bezahlvorgang vor dem Absenden der Bestellung angezeigt wird. ### 3. Vertragsschluss Die Darstellung der Angebote auf dieser Website ist noch kein bindendes Angebot. Mit „Weiter zur Zahlung“ wählen Sie Angebot und Anzahl und gelangen zum Bezahlvorgang unseres Zahlungsdienstleisters Stripe. Dort sehen Sie Preis, Steuer und Gesamtbetrag, können Ihre Eingaben prüfen und korrigieren und geben mit dem Bezahlknopf eine verbindliche Bestellung ab. Der Vertrag kommt zustande, sobald die Zahlung erfolgreich autorisiert ist; Sie erhalten darüber eine Bestätigung und die Rechnung per E-Mail. Vertragssprachen sind Deutsch und Englisch. Wir speichern den Vertragstext nicht gesondert für Sie; diese AGB und die Lizenzbedingungen können Sie jederzeit auf dieser Website abrufen, ausdrucken und speichern. Die Bestelldaten stehen in Ihrer Rechnung. ### 4. Zahlung Die Zahlung wickelt die Stripe Payments Europe, Limited, Dublin, Irland, ab. Angeboten werden Kreditkarte, Apple Pay und Link. Das Entgelt ist jeweils im Voraus für die gesamte Laufzeit (Monat oder Jahr) fällig und wird zu Beginn jeder Laufzeit über das hinterlegte Zahlungsmittel eingezogen. Schlägt ein Einzug fehl, versucht Stripe ihn innerhalb von zwei Wochen mehrmals erneut; gelingt er nicht, endet das Abonnement, und eine Folgelizenz wird nicht ausgestellt. ### 5. Lieferung des Lizenzschlüssels Nach der Zahlung senden wir Ihnen den Lizenzschlüssel per E-Mail an die im Bezahlvorgang angegebene Adresse, in der Regel innerhalb weniger Minuten. Die Browser-Extension FrontTailor („CloudDNA FrontTailor – Developer Tools for SAP Fiori® and UI5 apps“) selbst ist kostenlos über die Browser-Stores für Google Chrome und Microsoft Edge erhältlich und setzt Version 137 oder neuer voraus; mit dem Schlüssel schalten Sie die gekauften Funktionen frei. Für jede neue Laufzeit erhalten Sie nach der Zahlung einen neuen Schlüssel. ### 6. Laufzeit, Verlängerung, Änderung der Anzahl und Kündigung Ein Abonnement läuft für den gewählten Zeitraum (ein Monat oder ein Jahr) und verlängert sich jeweils um denselben Zeitraum, wenn es nicht vor dem Ende der laufenden Laufzeit gekündigt wird. Sie können jederzeit mit Wirkung zum Ende der laufenden Laufzeit kündigen: über den Knopf [„Verträge hier kündigen“](https://fronttailor.com/kuendigen) unten auf jeder Seite oder formlos per E-Mail an [office@clouddna.at](mailto:office@clouddna.at). Den Eingang bestätigen wir sofort per E-Mail, das Vertragsende gesondert. Wir können mit einer Frist von einem Monat zum Ende einer Laufzeit kündigen. Etwa 30 Tage vor der Verlängerung eines Jahresabonnements erinnern wir Sie per E-Mail an die Verlängerung, die Kündigungsmöglichkeit und deren Frist. Für Verbraucher:innen: Nach der ersten Verlängerung können Sie ein Jahresabonnement jederzeit mit einer Frist von einem Monat kündigen; zu viel bezahltes Entgelt erstatten wir anteilig. Ändern Sie während der Laufzeit die Anzahl der Nutzer:innen, rechnen wir die Differenz für die restliche Laufzeit anteilig ab (Gutschrift oder Nachbelastung mit der nächsten Rechnung). Das Recht beider Seiten zur Kündigung aus wichtigem Grund bleibt unberührt. ### 7. Preisänderungen Preisänderungen gelten frühestens ab der nächsten Verlängerung. Wir kündigen sie mindestens sechs Wochen vorher per E-Mail an. Gegenüber Unternehmer:innen gilt die Änderung als angenommen, wenn sie nicht vor der Verlängerung kündigen; darauf weisen wir in der Ankündigung hin. Gegenüber Verbraucher:innen gilt ein höherer Preis nur, wenn Sie ihm ausdrücklich zustimmen; stimmen Sie nicht zu, endet das Abonnement mit Ablauf der laufenden Laufzeit. ### 8. Widerrufsrecht für Verbraucher:innen Sind Sie Verbraucher:in, haben Sie das folgende Widerrufsrecht. Unternehmer:innen haben kein Widerrufsrecht. #### Widerrufsbelehrung Widerrufsrecht. Sie haben das Recht, binnen vierzehn Tagen ohne Angabe von Gründen diesen Vertrag zu widerrufen. Die Widerrufsfrist beträgt vierzehn Tage ab dem Tag des Vertragsabschlusses. Um Ihr Widerrufsrecht auszuüben, müssen Sie uns (CloudDNA GmbH, Untere Hauptstraße 23, 7410 Loipersdorf, Österreich, E-Mail [office@clouddna.at](mailto:office@clouddna.at), Telefon +43 664 1964199) mittels einer eindeutigen Erklärung (z. B. ein mit der Post versandter Brief oder eine E-Mail) über Ihren Entschluss, diesen Vertrag zu widerrufen, informieren. Sie können dafür das unten stehende Muster-Widerrufsformular verwenden, das jedoch nicht vorgeschrieben ist. Zur Wahrung der Widerrufsfrist reicht es aus, dass Sie die Mitteilung über die Ausübung des Widerrufsrechts vor Ablauf der Widerrufsfrist absenden. Folgen des Widerrufs. Wenn Sie diesen Vertrag widerrufen, haben wir Ihnen alle Zahlungen, die wir von Ihnen erhalten haben, unverzüglich und spätestens binnen vierzehn Tagen ab dem Tag zurückzuzahlen, an dem die Mitteilung über Ihren Widerruf dieses Vertrags bei uns eingegangen ist. Für diese Rückzahlung verwenden wir dasselbe Zahlungsmittel, das Sie bei der ursprünglichen Transaktion eingesetzt haben, es sei denn, mit Ihnen wurde ausdrücklich etwas anderes vereinbart; in keinem Fall werden Ihnen wegen dieser Rückzahlung Entgelte berechnet. #### Vorzeitiges Erlöschen des Widerrufsrechts Der Lizenzschlüssel ist ein digitaler Inhalt, der nicht auf einem körperlichen Datenträger geliefert wird. Im Bezahlvorgang verlangen Sie ausdrücklich, dass wir mit der Lieferung des Lizenzschlüssels sofort nach der Zahlung und damit vor Ablauf der Widerrufsfrist beginnen, und bestätigen, dass Sie zur Kenntnis genommen haben, dass Sie damit Ihr Widerrufsrecht verlieren. Ihr Widerrufsrecht erlischt, sobald wir mit der Lieferung begonnen haben, also mit dem Versand des Lizenzschlüssels. Ihre Zustimmung und Ihre Kenntnisnahme bestätigen wir Ihnen per E-Mail zusammen mit der Vertragsbestätigung. Ohne diese Zustimmung können Sie den Bezahlvorgang nicht abschließen; möchten Sie Ihr Widerrufsrecht behalten, schreiben Sie uns vor dem Kauf an [office@clouddna.at](mailto:office@clouddna.at), dann liefern wir den Schlüssel erst nach Ablauf der Widerrufsfrist. #### Muster-Widerrufsformular (Wenn Sie den Vertrag widerrufen wollen, dann füllen Sie bitte dieses Formular aus und senden Sie es zurück.) An CloudDNA GmbH, Untere Hauptstraße 23, 7410 Loipersdorf, Österreich, E-Mail: office@clouddna.at: Hiermit widerrufe(n) ich/wir (*) den von mir/uns (*) abgeschlossenen Vertrag über den Kauf der folgenden Waren (*) / die Erbringung der folgenden Dienstleistung (*) Bestellt am (*) / erhalten am (*) Name des/der Verbraucher(s) Anschrift des/der Verbraucher(s) Unterschrift des/der Verbraucher(s) (nur bei Mitteilung auf Papier) Datum (*) Unzutreffendes streichen. ### 9. Gewährleistung Es gilt die gesetzliche Gewährleistung; für Verbraucher:innen insbesondere das Verbrauchergewährleistungsgesetz (VGG) für digitale Leistungen. FrontTailor arbeitet mit der UI5-Laufzeit und den Schnittstellen der SAP-Systeme, in denen Sie es einsetzen (etwa SAPUI5, SAP Fiori Launchpad und OData-Dienste). Ändert SAP diese, passen wir betroffene Funktionen in angemessener Zeit an. Als „Beta“ gekennzeichnete Funktionen stützen sich auf nicht dokumentierte Schnittstellen; gegenüber Unternehmer:innen übernehmen wir für sie keine Gewähr. Gegenüber Unternehmer:innen beheben wir Mängel nach unserer Wahl durch Verbesserung oder Austausch; Mängel sind uns unverzüglich nach Entdeckung anzuzeigen. ### 10. Haftung Wir haften unbeschränkt für Vorsatz und grobe Fahrlässigkeit sowie für Personenschäden. Für leichte Fahrlässigkeit haften wir nicht; das gilt nicht für Personenschäden. Gegenüber Unternehmer:innen ist unsere Haftung, soweit gesetzlich zulässig, für entgangenen Gewinn, Folgeschäden und Datenverlust ausgeschlossen und der Höhe nach auf das Entgelt begrenzt, das in den zwölf Monaten vor dem Schadensereignis für das betroffene Abonnement bezahlt wurde. Zwingende gesetzliche Haftung, etwa nach dem Produkthaftungsgesetz, bleibt unberührt. FrontTailor liest standardmäßig nur. Funktionen, die in der laufenden App etwas ändern (etwa Properties bearbeiten, OData-Requests erneut senden, Personalisierung zurücksetzen oder lokalen Code ins Launchpad laden), führt die Extension nur auf Ihre Aktion hin aus; auf Systemen, die Sie oder Ihre IT als PROD kennzeichnen, sperrt sie sie. Für deren Auswahl und Folgen, für die Kennzeichnung Ihrer Systeme sowie für Berechtigungen und Sicherungen im eigenen System sind Sie verantwortlich. ### 11. Datenschutz Wie wir Ihre Daten beim Kauf verarbeiten, steht in der [Datenschutzerklärung](https://fronttailor.com/datenschutz#datenschutz-kauf). ### 12. Streitbeilegung Wir sind zur Teilnahme an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle weder verpflichtet noch bereit. Bei Fragen oder Beschwerden schreiben Sie uns an [office@clouddna.at](mailto:office@clouddna.at). ### 13. Anwendbares Recht und Gerichtsstand Es gilt österreichisches Recht unter Ausschluss seiner Verweisungsnormen und des UN-Kaufrechts. Für Verbraucher:innen gilt diese Rechtswahl nur, soweit ihnen dadurch nicht der Schutz zwingender Bestimmungen des Rechts des Staates entzogen wird, in dem sie ihren gewöhnlichen Aufenthalt haben. Gerichtsstand für Streitigkeiten mit Unternehmer:innen ist das für den Sitz der CloudDNA GmbH sachlich zuständige Gericht. Für Klagen gegen Verbraucher:innen gilt deren allgemeiner Gerichtsstand. ### 14. Schlussbestimmungen Ist eine Bestimmung dieser AGB unwirksam, bleiben die übrigen wirksam. Gegenüber Unternehmer:innen tritt an die Stelle der unwirksamen Bestimmung eine wirksame, die ihrem wirtschaftlichen Zweck am nächsten kommt. Stand: 10. November 2026 --- # Verträge hier kündigen · FrontTailor Quelle: https://fronttailor.com/kuendigen > Abo von FrontTailor kündigen: Angaben eintragen, auf „Jetzt kündigen“ klicken, Eingangsbestätigung sofort per E-Mail. ## Verträge hier kündigen Hier kündigst du ein Abo, das du auf dieser Website gekauft hast. Pflichtfelder sind Name und E-Mail-Adresse; mit der E-Mail-Adresse des Kaufs finden wir dein Abo am schnellsten. Name E-Mail-Adresse An diese Adresse schicken wir die Eingangsbestätigung. Vertrag (optional) Zum Beispiel Lizenz-ID, Lizenznummer oder Rechnungsnummer. Art der Kündigung ordentliche Kündigung außerordentliche Kündigung (aus wichtigem Grund) Grund (bei außerordentlicher Kündigung) Nur nötig, wenn du aus wichtigem Grund kündigst. Gewünschtes Vertragsende zum nächstmöglichen Zeitpunkt zu einem bestimmten Datum Kündigung eingegangen. Die Eingangsbestätigung mit diesen Angaben ist per E-Mail unterwegs. Das Vertragsende bestätigen wir dir gesondert. Die Kündigung ist bei uns eingegangen, die E-Mail an deine Adresse ging aber nicht hinaus. Bitte speichere oder drucke diese Seite als Bestätigung; das Vertragsende bestätigen wir dir gesondert. Die Kündigung konnte gerade nicht übermittelt werden. Bitte schick sie per E-Mail an [office@clouddna.at](mailto:office@clouddna.at) – der Link öffnet eine fertige E-Mail mit deinen Angaben. --- # Lizenzbedingungen · FrontTailor Quelle: https://fronttailor.com/lizenzbedingungen > Lizenzbedingungen für FrontTailor Pro und Team: Nutzungsrecht je Nutzer:in oder je SAP-System, Laufzeit, Lizenzschlüssel und was nicht erlaubt ist. ## Lizenzbedingungen Diese Bedingungen regeln, wie Sie eine über diese Website gekaufte Lizenz für FrontTailor nutzen dürfen. Für Kauf, Zahlung, Laufzeit und Haftung gelten die [AGB](https://fronttailor.com/agb). ### 1. Gegenstand FrontTailor („CloudDNA FrontTailor – Developer Tools for SAP Fiori® and UI5 apps“) ist eine Browser-Extension der CloudDNA GmbH für Google Chrome und Microsoft Edge, mit der Sie laufende SAP-Fiori®- und UI5-Apps untersuchen. Die Edition Community ist kostenlos. Mit einer gekauften Lizenz schalten Sie für die bezahlte Laufzeit zusätzliche Funktionen frei: die Edition Pro oder die Edition Team, die alles aus Pro enthält. Welche Funktionen dazugehören, steht auf der Seite [Editionen](https://fronttailor.com/editionen). ### 2. Nutzungsrecht Mit der Zahlung erhalten Sie (Lizenznehmer:in) das nicht ausschließliche, nicht übertragbare und nicht unterlizenzierbare Recht, die freigeschalteten Funktionen während der bezahlten Laufzeit zu nutzen. - Je Nutzer:in. Jede gekaufte Lizenz gilt für eine namentlich bestimmte natürliche Person. Eine Person darf FrontTailor auf allen ihren eigenen Browsern und Geräten nutzen. Eine Lizenz gleichzeitig oder abwechselnd mehreren Personen zu überlassen, ist nicht erlaubt. - Je SAP-System. Ist eine Lizenz der Edition Team oder Enterprise aufgrund eines gesonderten Vertrags, etwa eines Rahmenvertrags, je SAP-System ausgestellt, gilt sie statt je Nutzer:in für die im Lizenzschlüssel genannten SAP-Systeme. Auf anderen Systemen arbeitet FrontTailor als Community-Edition. - Wechsel. Sie dürfen eine Lizenz einer anderen Person zuordnen, wenn die bisherige Person FrontTailor dauerhaft nicht mehr nutzt, etwa weil sie das Team verlässt. - Kundenprojekte. Die lizenzierte Person darf FrontTailor auch an SAP-Systemen von Kund:innen des Lizenznehmers einsetzen, etwa in Beratungs- und Betriebsprojekten. ### 3. Lizenzschlüssel Den Lizenzschlüssel senden wir per E-Mail. Er ist digital signiert (Ed25519) und nennt Edition, Laufzeit und die Anzahl der Nutzer:innen bzw. die lizenzierten SAP-Systeme. Die Extension prüft ihn offline, ohne Lizenzserver; dafür sendet sie nichts an uns. Behandeln Sie ihn vertraulich und geben Sie ihn nur an die lizenzierten Personen weiter; Ihre IT darf ihn dafür per Browser-Richtlinie verteilen. Die Anzahl der Nutzer:innen steht im Schlüssel, wird aber technisch nicht überwacht; sie ist vertraglich verbindlich. ### 4. Laufzeit und Ende Das Nutzungsrecht gilt für die bezahlte Laufzeit. Verlängert sich das Abonnement, erhalten Sie einen neuen Schlüssel. Endet es, gilt der Schlüssel noch bis zum Ende der bezahlten Laufzeit und danach noch drei Tage (Kulanzfrist); auf eine längere Nutzung besteht kein Anspruch. Anschließend arbeitet FrontTailor wieder als Community-Edition weiter. Lokale Daten in Ihrem Browser bleiben erhalten. ### 5. Nicht erlaubt - die Lizenzprüfung zu umgehen, Lizenzschlüssel zu verändern oder selbst zu erzeugen; - FrontTailor zurückzuentwickeln, zu dekompilieren oder zu verändern, soweit das Gesetz es nicht ausdrücklich erlaubt (§ 40e UrhG); - Lizenzen weiterzuverkaufen, zu vermieten oder FrontTailor Dritten als eigenen Dienst anzubieten; - Urheberrechtsvermerke und Kennzeichnungen zu entfernen. Verstößt ein:e Lizenznehmer:in erheblich gegen diese Bedingungen, können wir den Vertrag aus wichtigem Grund kündigen und eine Folgelizenz verweigern. ### 6. SAP-Systeme und Dienste Dritter FrontTailor arbeitet in Ihrem Browser mit Ihrer bestehenden SAP-Sitzung und den Berechtigungen, die Ihnen in Ihren SAP-Systemen zustehen. Für den Vertrag mit SAP, die Berechtigungen im System und die Einhaltung der Nutzungsbedingungen der SAP sind Sie verantwortlich. Für den KI-Assistenten wählen Sie einen KI-Anbieter und hinterlegen Ihren eigenen Schlüssel; FrontTailor sendet nur nach einer Vorschau und Ihrem Klick, und zwar direkt an diesen Anbieter, nicht an uns. Für die Verarbeitung beim Anbieter gelten dessen Bedingungen und Ihr Vertrag mit ihm; dasselbe gilt für Ticketsysteme, an die Sie Berichte übergeben. Funktionen, die in der laufenden App etwas ändern, laufen nur auf Ihre Aktion hin und sind auf Systemen gesperrt, die Sie oder Ihre IT als PROD kennzeichnen. ### 7. Updates Updates kommen über die Browser-Stores. Wir entwickeln FrontTailor weiter und dürfen Funktionen ändern, solange der wesentliche Funktionsumfang der gekauften Edition erhalten bleibt. Für Verbraucher:innen gelten zusätzlich die Regeln des Verbrauchergewährleistungsgesetzes zu Aktualisierungen. ### 8. Marken SAP, SAP Fiori und SAPUI5 sind Marken oder eingetragene Marken der SAP SE in Deutschland und anderen Ländern. FrontTailor ist ein Produkt der CloudDNA GmbH, kein Produkt der SAP SE, und wird von ihr weder angeboten noch unterstützt oder gesponsert. ### 9. Im Übrigen Im Übrigen gelten die [AGB](https://fronttailor.com/agb), insbesondere zu Gewährleistung, Haftung, anwendbarem Recht und Gerichtsstand. Stand: 10. November 2026 --- # Dokumentation für SAP Fiori® und UI5-Entwicklung · FrontTailor Quelle: https://fronttailor.com/doku > Die Doku zu FrontTailor: Installation, jedes Modul Schritt für Schritt mit Bildschirmfotos, Lizenz, Enterprise-Deployment und Fehlerbehebung – Deutsch und Englisch. ## FrontTailor-Dokumentation Wie du FrontTailor installierst, freigibst und jedes Modul bedienst – mit echten Bildschirmfotos aus den Demo-Apps, den genauen Beschriftungen der Oberfläche und dem Verhalten auf PROD-Systemen. Oben links durchsuchst du die ganze Doku; die Taste / springt ins Suchfeld. Neu hier?Fang mit [Erste Schritte](https://fronttailor.com/doku/einstieg) an: Installation, Freigabe der Domain, DevTools-Panel oder Side-Panel. Danach zeigt [Host-Profile und PROD](https://fronttailor.com/doku/host-profile-und-prod), wie du PROD-Systeme markierst – das schützt vor versehentlichen Änderungen. Jede Modulseite folgt demselben Aufbau: wofür das Modul da ist, die typischen Aufgaben Schritt für Schritt, jeder Knopf und jede Einstellung, die Edition, das Verhalten auf PROD, Tastenkürzel und typische Probleme. Die Bildschirmfotos stammen aus den Demo-Apps mit erfundenen Daten; ein Klick vergrößert sie. ### Erste Schritte - [Erste Schritte Installieren, Domain freigeben, Popup, Side-Panel und DevTools-Panel kennenlernen.](https://fronttailor.com/doku/einstieg) - [Host-Profile und PROD Community Systeme benennen und einfärben, PROD markieren – Laufzeitänderungen sind dort gesperrt.](https://fronttailor.com/doku/host-profile-und-prod) ### Module - [Übersicht & Systemsteckbrief Community UI5-Version, Theme, Launchpad, App-Typ und Datenquellen auf einen Blick – plus Fehler der Sitzung.](https://fronttailor.com/doku/uebersicht) - [Inspector Community Control-Baum, Properties, Bindings, Selektoren kopieren – an der laufenden App.](https://fronttailor.com/doku/inspector) - [Model Explorer Community JSON-, OData-, Resource- und Device-Models als Baum, Snapshot und Diff, i18n-Lookup.](https://fronttailor.com/doku/models) - [OData-Konsole Community V2 und V4, $batch in Einzelteilen, lesbare Fehler, Replay, Export, Metadaten als Diagramm.](https://fronttailor.com/doku/odata-konsole) - [Fehlersimulation ab Pro 500, 403, langsames Backend, leere Liste oder abgelaufene Sitzung – ohne Mock-Server, nur in deinem Tab.](https://fronttailor.com/doku/fehlersimulation) - [Performance ab Pro Start der App messen, gegen Fiori-Best-Practices prüfen, Budgets je App überwachen.](https://fronttailor.com/doku/performance) - [Werkzeuge Community Cache leeren, Debug-Schalter, eigenen Code debuggen, Sprache, „Im Editor öffnen“, Deployment-Prüfung.](https://fronttailor.com/doku/werkzeuge) - [Launchpad Inspector ab Enterprise Kachel anklicken, Intent, Target Mapping und Platzierung sehen – mit Systemsteckbrief.](https://fronttailor.com/doku/launchpad-inspector) - [Health und Morgencheck ab Enterprise Latenz, Fehlerrate, Sitzung, synthetischer Check – und jeden Morgen alle wichtigen Apps per Ampel.](https://fronttailor.com/doku/health-und-morgencheck) - [Scaffolding & Recorder ab Pro Page Objects, Journeys, Unit-Tests, Mockdaten und Snippets aus der laufenden App – Schritte per Recorder.](https://fronttailor.com/doku/scaffolding-und-recorder) - [Problem melden ab Pro Fehlerbericht mit Screenshot, Klickpfad, fehlgeschlagenen Requests und Steckbrief – maskiert, mit Vorschau. Dazu Tickets und SAP-Incident.](https://fronttailor.com/doku/problem-melden) - [KI-Assistent ab Pro Fehler erklären, Code prüfen, Tests und Ticket-Texte schreiben – mit eigenem Schlüssel, Vorschau vor jedem Versand.](https://fronttailor.com/doku/ki) - [Annotationen ab Pro Welche Annotation steuert dieses Feld – und aus welcher Quelle? Dazu Manifest, Draft und ETag.](https://fronttailor.com/doku/annotationen) - [Rollen und Berechtigungen ab Enterprise Warum 403? Warum fehlt die Kachel? Objekt, Rolle, Startberechtigung – bis zur SU53.](https://fronttailor.com/doku/rollen-und-berechtigungen) - [Team-Sync ab Team Die Einstellungen deines Teams als Paket übernehmen – mit Diff-Vorschau, Auswahl und optionaler Signatur.](https://fronttailor.com/doku/team-sync) - [UI5 2.0 Community Prüfen, was in der App mit UI5 2.x bricht – mit Score, Fundstelle, Ersatz und SAP-Doku.](https://fronttailor.com/doku/ui5-2-readiness) - [Bibliotheken Community Geladene UI5-Bibliotheken gegen das Manifest prüfen – mit Netzwerksicht und Manifest-Vorschlag.](https://fronttailor.com/doku/bibliotheken) - [Qualität: i18n & Barrierefreiheit ab Pro Fehlende i18n-Schlüssel, Übersetzungen, Beschriftungen und Kontrast der laufenden App prüfen.](https://fronttailor.com/doku/i18n-und-barrierefreiheit) - [Fiori Guidelines ab Pro Prüfen, ob die geöffnete Ansicht den SAP Fiori Design Guidelines folgt – mit Score, Verbesserung und Dos & Don’ts.](https://fronttailor.com/doku/fiori-guidelines) - [Systemvergleich ab Enterprise Dieselbe App auf DEV, QA und PROD: Versionen, Bibliotheken, Flex, $metadata und Manifest im Vergleich.](https://fronttailor.com/doku/systemvergleich) - [Release-Prüfung ab Enterprise Nach dem Transport: Ist die neue Version auf DEV, QA und PROD live – mit Cache-Buster, Preload und App-Index?](https://fronttailor.com/doku/release-pruefung) - [Absprung ins Backend ab Enterprise Vom fehlgeschlagenen Request direkt in /IWFND/ERROR_LOG, ST22, SM21, SU53 – mit Transaktions-ID und Zeitfenster.](https://fronttailor.com/doku/backend-absprung) - [Lokaler Code ab Pro Den lokalen Stand einer App im echten Launchpad ausführen – ohne Deployment, nur in einem Tab.](https://fronttailor.com/doku/lokaler-code) - [Bekannte Fehler Community Die Lösung für den Fehler, der jede Woche wiederkommt – direkt am Fehler.](https://fronttailor.com/doku/bekannte-fehler) - [Lesezeichen für den App-Zustand Community Route, Filter, Variante und Tab merken – nach dem Neuladen mit einem Klick zurück.](https://fronttailor.com/doku/lesezeichen) - [Befehlspalette Community Alt+Shift+K in der App: Cache-Reset, Debug-Modus, Log-Level und mehr per Tastatur.](https://fronttailor.com/doku/command-palette) ### Lizenz - [Lizenz und Editionen Lizenzschlüssel eintragen, Testphase und was Community, Pro, Team und Enterprise freischalten.](https://fronttailor.com/doku/lizenz-und-editionen) ### Für Admins - [Enterprise-Deployment ab Enterprise FrontTailor per GPO, Intune oder MDM verteilen und über Richtlinien konfigurieren.](https://fronttailor.com/doku/enterprise-deployment) - [Team-Pakete ab Team Einstellungen des Teams als Paket erstellen, signieren und per URL oder Richtlinie verteilen.](https://fronttailor.com/doku/team-pakete) - [ABAP-Add-on ab Enterprise Der optionale, nur lesende Backend-Service für Rollen, Kataloge und Startberechtigungen.](https://fronttailor.com/doku/abap-add-on) - [Berechtigungen und Datenschutz Welche Berechtigungen FrontTailor hat, was lokal bleibt und wann etwas den Browser verlässt.](https://fronttailor.com/doku/berechtigungen-und-datenschutz) ### Hilfe - [Fehlerbehebung Nicht verbunden, keine UI5-App, Freigabe, PROD-Sperre, Lizenz, Side-Panel, iframes, Firefox.](https://fronttailor.com/doku/fehlerbehebung) - [Änderungsprotokoll Was in welcher Version von FrontTailor steckt – von der Beta 0.1.0 bis heute.](https://fronttailor.com/doku/changelog) Häufige Fragen ### Kurz beantwortet. **Gibt es die Doku auch auf Englisch?** Ja. Jede Seite gibt es auf Deutsch und Englisch, jeweils mit den Beschriftungen der Oberfläche in dieser Sprache und eigenen Bildschirmfotos. **Woher stammen die Bildschirmfotos?** Aus der echten Extension in drei Demo-Apps mit erfundenen Daten (Freestyle-App, Fiori-Elements-App auf CAP und ein Launchpad). Ein Skript nimmt sie nach jeder Änderung der Oberfläche neu auf. **Wo finde ich Hilfe, wenn etwas nicht funktioniert?** Auf der Seite Fehlerbehebung, in den Abschnitten „Typische Probleme“ jeder Modulseite – und bei der CloudDNA über das Kontaktformular. Deine Frage ist nicht dabei? Sprich mich an: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Schreib mir](https://fronttailor.com/kontakt) --- # FrontTailor installieren und einrichten · FrontTailor Quelle: https://fronttailor.com/doku/einstieg > FrontTailor in Chrome oder Edge installieren, die Domain der UI5-App freigeben und die drei Oberflächen kennenlernen: Popup, Side-Panel und DevTools-Panel. ## Erste Schritte Von der Installation zum ersten Verbunden: Extension laden, Domain der App freigeben, dann Popup, Side-Panel oder DevTools-Panel öffnen. Ohne Konto und ohne Server – FrontTailor arbeitet lokal im Browser. **Browser** Chrome und Edge ab Version 137 **Oberflächen** Popup, Side-Panel, DevTools-Panel **Sprachen** Deutsch und Englisch **Konto** keins nötig Diese Seite beantwortet - Wie installiere ich FrontTailor in Chrome oder Edge? - Warum fragt FrontTailor nach dem Zugriff auf meine Domain? - Was ist der Unterschied zwischen Popup, Side-Panel und DevTools-Panel? - Was bedeutet die Farbe des FrontTailor-Symbols? ### Installieren FrontTailor läuft in Chrome und Edge ab Version 137. Ab dieser Version prüft der Browser Ed25519-Signaturen, auf denen die Lizenzprüfung beruht. Der Eintrag im Chrome Web Store folgt; bis dahin bekommst du die Version 1.0.0 als Paket, mit 7 Tagen Testphase für alle Editionen – siehe [Installieren auf der Startseite](https://fronttailor.com/#installieren). - Das ZIP in einen eigenen Ordner entpacken. - chrome://extensions öffnen (in Edge edge://extensions). - Den Entwicklermodus einschalten. - Entpackte Erweiterung laden wählen und den entpackten Ordner auswählen. Beim Installieren zeigt Chrome die Warnung „Alle Ihre Daten auf allen Websites lesen und ändern“. Sie kommt von einem kleinen Skript, das auf jeder Seite nur prüft, ob es SAP-UI5-Merkmale gibt. Es liest keine Inhalte und sendet nichts. Zugriff auf eine App bekommt FrontTailor erst, wenn du ihre Domain freigibst – siehe [Berechtigungen und Datenschutz](https://fronttailor.com/doku/berechtigungen-und-datenschutz). Im UnternehmenAdministratoren verteilen FrontTailor per Richtlinie und schränken die erlaubten Hosts ein. Wie das geht, steht unter [Enterprise-Deployment](https://fronttailor.com/doku/enterprise-deployment). ### Die Domain der App freigeben Öffne eine SAP-Fiori- oder UI5-App. FrontTailor erkennt sie innerhalb weniger Sekunden; das Symbol zeigt dann ein ! auf blauem Grund: Die Domain ist noch nicht freigegeben. Die Freigabefrage im Popup: einmal pro Domain. - Die Ampel steht auf Blau – Freigabe erforderlich. - Die Frage „FrontTailor für aktivieren?“ mit der Erklärung und dem Knopf Aktivieren. - In der App auf das FrontTailor-Symbol klicken. Das Popup öffnet sich. - Aktivieren klicken. - Den Dialog des Browsers bestätigen. Die Freigabe gilt für den Host mit allen Ports, deshalb nennt die Frage den Hostnamen ohne Port. - FrontTailor verbindet sich ohne Neuladen. Das Symbol wird grün und zeigt UI5 oder das Kürzel deines Host-Profils. Erscheint statt der Frage „Diese Domain ist durch Ihre Administration nicht freigegeben.“, lässt eine Richtlinie deines Unternehmens FrontTailor auf diesem Host nicht zu. Eine Freigabe widerrufst du jederzeit unter chrome://extensions bzw. edge://extensions. ### Das Popup Ein Klick auf das Symbol öffnet das Popup. Es zeigt auf einen Blick, ob FrontTailor mit der App verbunden ist, und bietet die häufigsten Aktionen. Das Popup an der Freestyle-Demo-App. - Die Ampel: grau ohne UI5, grün bei erkannter App, gelb bei Fehlern in dieser Sitzung, rot auf PROD, blau, solange die Freigabe fehlt. - Side-Panel öffnen und die weiteren Schnellaktionen: Palette, Debug an, Profil (URL-Profile) und Cache-Reset. Darunter startet Problem melden einen Fehlerbericht ([Problem melden](https://fronttailor.com/doku/problem-melden)). - Der kurze Steckbrief: UI5-Version, Theme und App mit Typ. Den vollen Steckbrief zeigt der Tab Übersicht ([Übersicht & Systemsteckbrief](https://fronttailor.com/doku/uebersicht)). - Das Profil für den Host: Name, Farbe und PROD-Kennzeichen – siehe [Host-Profile und PROD](https://fronttailor.com/doku/host-profile-und-prod). ### Das Side-Panel Das Side-Panel steht rechts neben der App und bleibt offen, während du in der App klickst. Du öffnest es über Side-Panel öffnen im Popup oder mit Alt+Shift+F; das Kürzel startet zugleich den Pick-Modus des Inspectors. Das Side-Panel: dieselben Werkzeuge, untereinander angeordnet. - Der Verbindungsstatus mit Seite, UI5-Version und Roundtrip. - Weitere öffnet die Tabs, die nicht in die Leiste passen. Das Side-Panel ist für 420 Pixel Breite gebaut. Einige Ansichten gibt es nur im breiten DevTools-Panel, etwa den Tab Models; die OData-Konsole blendet im Side-Panel die Spalten Zeit und Größe aus. ### Das DevTools-Panel Für die tiefe Arbeit öffnest du die DevTools (F12) und wählst den Tab FrontTailor. Das Panel gehört zu dem Browser-Tab, in dem du die DevTools geöffnet hast. Kopf des DevTools-Panels: „Verbunden“ heißt, der Weg bis in die UI5-Seite funktioniert. - Verbunden erscheint erst nach einem erfolgreichen Ping bis in die UI5-Seite; danach prüft das Panel alle 5 Sekunden. - Das Design: wie Browser, hell oder dunkel (SAP Horizon). - Die Sprache der Oberfläche: wie Browser, Deutsch oder Englisch. ### Status und Ampel Anzeige | Bedeutung Verbinde… / Starte… | FrontTailor baut die Verbindung zur App auf. Verbunden | Alles bereit. Das Symbol ist grün und zeigt UI5 oder das Profilkürzel. Freigabe erforderlich | Die Domain ist noch nicht freigegeben, das Symbol zeigt ! – siehe oben. Keine UI5-App erkannt | Auf der Seite läuft kein UI5. Das Symbol bleibt grau. Gelb mit Zahl | Fehler im UI5-Log oder fehlgeschlagene Requests seit dem Laden der Seite (ab 100 steht 99+). Rot | Der Host ist als PROD markiert; Laufzeitänderungen sind gesperrt. Was tun, wenn es nicht klappt: [Fehlerbehebung](https://fronttailor.com/doku/fehlerbehebung). ### Einstellungen Die Grundeinstellungen sitzen oben rechts in jeder Oberfläche: das Design (Palettensymbol) und die Sprache (Globus). FrontTailor merkt sich beides im Browserprofil. Alles Weitere steht im Tab Werkzeuge ([Werkzeuge](https://fronttailor.com/doku/werkzeuge)), darunter die Karte Lizenz ([Lizenz und Editionen](https://fronttailor.com/doku/lizenz-und-editionen)). Tastenkürzel | Wirkung Alt+Shift+F | Pick-Modus des Inspectors, öffnet das Side-Panel Alt+Shift+K | Command Palette ([Befehlspalette](https://fronttailor.com/doku/command-palette)) Alt+Shift+R | Problem melden ([Problem melden](https://fronttailor.com/doku/problem-melden)) Die Kürzel änderst du unter chrome://extensions/shortcuts. ### Siehe auch - Hilfe von Menschen [FrontTailor-Onboarding für euer Team](https://fronttailor.com/leistungen#onboarding) - Doku [Übersicht & Systemsteckbrief](https://fronttailor.com/doku/uebersicht) - Doku [Host-Profile und PROD](https://fronttailor.com/doku/host-profile-und-prod) - Doku [Fehlerbehebung](https://fronttailor.com/doku/fehlerbehebung) - Belege Manifest · ADR-001 · ADR-003 Häufige Fragen ### Kurz beantwortet. **Wie installiere ich FrontTailor?** Bis der Eintrag im Chrome Web Store da ist, als Paket: ZIP entpacken, chrome://extensions öffnen, Entwicklermodus einschalten und Entpackte Erweiterung laden wählen. FrontTailor braucht Chrome oder Edge ab Version 137. **Warum fragt FrontTailor nach dem Zugriff auf meine Domain?** Um die UI5-Laufzeit einer App zu lesen, braucht die Extension Zugriff auf deren Domain. Sie fragt erst, wenn sie UI5 erkannt hat, und nur für diese eine Domain. Ohne Freigabe läuft in der Seite nichts außer der Prüfung auf UI5-Merkmale. **Was ist der Unterschied zwischen Popup, Side-Panel und DevTools-Panel?** Das Popup zeigt Status, Steckbrief und Schnellaktionen. Das Side-Panel steht neben der App und bietet die wichtigsten Tabs in 420 Pixel Breite. Das DevTools-Panel (F12, Tab FrontTailor) hat alle Tabs und den meisten Platz. **Brauche ich ein Konto?** Nein. FrontTailor arbeitet lokal im Browser, ohne Konto und ohne Telemetrie. Deine Frage ist nicht dabei? Sprich mich an: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Schreib mir](https://fronttailor.com/kontakt) --- # Host-Profile und PROD-Schutz in FrontTailor · FrontTailor Quelle: https://fronttailor.com/doku/host-profile-und-prod > Host-Profile in FrontTailor: SAP-Systeme benennen, einfärben und als PROD markieren. Auf PROD sperrt die Extension Live-Edit, Replay, Cache-Reset und Overrides. ## Host-Profile und PROD Ein Host-Profil gibt einem System einen Namen und eine Farbe – DEV grün, QAS orange, PRD rot. Wichtiger ist das PROD-Kennzeichen: Auf einem PROD-Host lehnt FrontTailor jede Laufzeitänderung ab, im Panel und im Hintergrund der Extension. **Edition** Community **Wo** Popup › „Profil für “ **Gilt für** einen Host mit Port **Name** 1–24 Zeichen, Kürzel im Symbol **Auf PROD** Lesen erlaubt, Änderungen gesperrt Diese Seite beantwortet - Wie markiere ich ein SAP-System in FrontTailor als PROD? - Was sperrt FrontTailor auf einem Produktivsystem? - Kann ein Administrator Hosts als PROD vorgeben? - Warum ist das FrontTailor-Symbol rot? ### Ein Profil anlegen Das Profil legst du im Popup an, auf der Seite des Systems. Es gilt für genau diesen Host mit Port: s4d.example.com:44300 und s4d.example.com sind zwei Profile. Ein PROD-Profil für die Demo-App: Die Ampel wird sofort rot. - Die Ampel zeigt Rot – PROD-System und den Namen des Profils. - Name: 1 bis 24 Zeichen. Die ersten vier Zeichen stehen als Kürzel auf dem Symbol. - Farbe: Blau, Grün, Orange, Rot, Lila oder Grau. - Produktivsystem (PROD): Laufzeitänderungen sperren. - Die App auf dem System öffnen und auf das FrontTailor-Symbol klicken. - Unter Profil für einen Namen eintragen, zum Beispiel PRD. - Eine Farbe wählen. - Produktivsystem (PROD): Laufzeitänderungen sperren ankreuzen. - Profil speichern klicken. Es erscheint „Profil gespeichert“, und die Sperre gilt sofort, ohne Neuladen. Entfernen löscht das Profil wieder. Die Profile liegen nur lokal im Browserprofil. Mit ab Team verteilst du sie als Team-Paket an alle Kollegen ([Team-Pakete](https://fronttailor.com/doku/team-pakete)); auch Systemvergleich und Release-Prüfung arbeiten mit deinen Host-Profilen. Nicht verwechselnDer Knopf Profil in den Schnellaktionen des Popups gehört zu den URL-Profilen – gespeicherten URL-Parametern wie sap-ui-debug. Die legst du im Tab Werkzeuge an ([Werkzeuge](https://fronttailor.com/doku/werkzeuge)). ### Was die Ampel zeigt Symbol | Bedeutung Grau | Keine UI5-App im Tab. Blau mit ! | UI5 erkannt, Domain noch nicht freigegeben ([Freigabe](https://fronttailor.com/doku/einstieg#freigabe)). Grün mit UI5 oder Kürzel | Verbunden, keine Fehler. Gelb mit Zahl | Fehler im UI5-Log oder fehlgeschlagene Requests (Status 400 und höher) in dieser Sitzung. Eine Sitzung ist ein geladenes Dokument; Navigation über den Hash bleibt in derselben Sitzung. Rot mit Kürzel oder PROD | Der Host ist als PROD markiert. Rot hat Vorrang vor Gelb: Auf PROD siehst du die Fehler im Popup und im Tab Übersicht, das Symbol bleibt rot. ### Was auf PROD gesperrt ist Auf einem PROD-Host bleibt alles Lesende erlaubt: Inspector, Models, OData-Konsole, Steckbrief, Kopieren und Exporte. Gesperrt sind alle Laufzeitänderungen: Funktion | Auf PROD Properties im Inspector ändern (Live-Edit) | gesperrt, Editoren grau Replay in der OData-Konsole | gesperrt Cache-Reset | gesperrt Personalisierung zurücksetzen (Flex) | gesperrt UI5-Version-Override | gesperrt Sprache in der laufenden App umstellen | gesperrt Fehlersimulation ab Pro | gesperrt Lokaler Code ab Pro | gesperrt Aufgezeichnete Schritte im synthetischen Check und im Morgencheck ab Enterprise | werden nicht wiederholt Tiefenprofil des Performance-Profilers ab Pro | startet nicht Der Inspector auf PROD: Lesen ja, Live-Edit nein. - Der Hinweis „PROD-System: Live-Edit ist gesperrt.“ erscheint ohne Neuladen, sobald das Profil gespeichert ist. Die Karte Cache auf PROD: Ziele und Zurücksetzen sind gesperrt, „Neu laden ohne Cache“ bleibt. - Das Tag PROD – gesperrt im Kopf der Karte. - Der Hinweis „PROD-System: Laufzeitänderungen sind gesperrt.“ Doppelt gesperrtDie Sperre sitzt nicht nur im Panel. Der Hintergrund der Extension prüft jede ändernde Anfrage gegen das Host-Profil und lehnt sie auf PROD ab, bevor sie die Seite erreicht. Lässt sich der PROD-Status nicht prüfen, lehnt er ebenfalls ab. ### PROD per Richtlinie Administratoren geben PROD-Hosts zentral vor, mit der Richtlinie prodHosts (Muster wie *.prod.example.com, siehe [Enterprise-Deployment](https://fronttailor.com/doku/enterprise-deployment)). Auf solchen Hosts ist das PROD-Häkchen im Popup gesetzt und gesperrt, darunter steht „Durch Ihre Administration als PROD markiert.“ Name und Farbe kannst du weiter selbst wählen. ### Siehe auch - Doku [Erste Schritte](https://fronttailor.com/doku/einstieg) - Doku [Team-Pakete](https://fronttailor.com/doku/team-pakete) - Doku [Enterprise-Deployment](https://fronttailor.com/doku/enterprise-deployment) - Belege ADR-003 · ADR-004 · ADR-013 Häufige Fragen ### Kurz beantwortet. **Wie markiere ich ein SAP-System als PROD?** Im Popup auf einer Seite des Systems unter Profil für den Host einen Namen eintragen, Produktivsystem (PROD): Laufzeitänderungen sperren ankreuzen und Profil speichern klicken. Die Sperre gilt sofort, ohne Neuladen. **Was sperrt FrontTailor auf PROD?** Alle Laufzeitänderungen: Live-Edit im Inspector, OData-Replay, Cache-Reset, Personalisierung zurücksetzen, UI5-Version-Override, Sprachwechsel in der laufenden App, Fehlersimulation und Lokaler Code. Lesen, Kopieren und Exporte bleiben erlaubt. **Kann mein Administrator PROD-Hosts vorgeben?** Ja, mit der Richtlinie prodHosts. Auf diesen Hosts ist das PROD-Kennzeichen gesetzt und lässt sich im Popup nicht abschalten. **Werden Host-Profile irgendwohin übertragen?** Nein. Sie liegen nur lokal im Browserprofil. Teilen kannst du sie bewusst als Team-Paket. Deine Frage ist nicht dabei? Sprich mich an: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Schreib mir](https://fronttailor.com/kontakt) --- # UI5-Version und Systeminfo einer Fiori-App · FrontTailor Quelle: https://fronttailor.com/doku/uebersicht > UI5-Version, Theme, Sprache, Launchpad, App-ID, App-Typ und OData-Datenquellen einer laufenden SAP-Fiori-App ablesen und als Markdown kopieren. ## Übersicht & Systemsteckbrief Der Tab „Übersicht“ ist das Erste, was FrontTailor zeigt: den Verbindungsstatus, den Systemsteckbrief der App, die Fehler der aktuellen Sitzung und die Lesezeichen. Alles wird aus der laufenden App gelesen, ohne Einrichtung und ohne Request an das Backend. **Edition** Community **Tab** „Übersicht“ (Standard-Tab) **Oberflächen** DevTools-Panel und Side-Panel **Kopieren** Systemsteckbrief als Markdown **Auf PROD** nur Lesen, keine Sperre nötig Diese Seite beantwortet - Welche UI5-Version nutzt diese Fiori-App? - Ist das eine Fiori-Elements- oder eine Freestyle-App? - Welcher OData-Service und welches Backend (Gateway, RAP, CAP) stecken dahinter? - Wie kopiere ich die Systemdaten für ein Ticket? - Was bedeuten die Farben des FrontTailor-Symbols? ### Der Tab im Überblick Öffne in den DevTools (F12) das Panel FrontTailor oder das Side-Panel über das Symbol der Extension. Beide starten im Tab Übersicht. Oben steht, ob FrontTailor mit der App verbunden ist, darunter die Tabs der Module und die Karten der Übersicht. Die Übersicht an der Fiori-Elements-Demo-App auf CAP. - Verbindungsstatus: Verbunden, darunter Seite, UI5-Version und Roundtrip zur App. Hängen mehrere Frames an FrontTailor, steht hier zusätzlich Verbundene Frames. - Design wechseln: wie Browser, hell oder dunkel. - Sprache wechseln: wie Browser, Deutsch oder Englisch. Die Wahl gilt auch für Palette und Hinweise der Extension. - Die Tabs der Module. Was nicht in die Leiste passt, steht unter Weitere. Unter der Tab-Leiste folgen die Karte [Lesezeichen für den App-Zustand](https://fronttailor.com/doku/lesezeichen), der Systemsteckbrief, die Karte Bücher vom Autor und die Sitzung mit den letzten Fehlern. ### Verbindungsstatus Status | Bedeutung Verbinde… · Starte… | FrontTailor sucht die UI5-Runtime in der Seite. Das dauert, bis die App gestartet ist. Verbunden | Die App ist erkannt, alle Tabs arbeiten. Keine UI5-App erkannt | Die Seite hat kein UI5 geladen, etwa eine Anmeldeseite. Freigabe erforderlich | FrontTailor darf diese Domain noch nicht lesen. Ein Klick auf Aktivieren fragt die Freigabe im Browser an – siehe [Erste Schritte](https://fronttailor.com/doku/einstieg). Nicht verbunden · Fehler | Die Verbindung ist abgerissen, meist nach einem Neuladen. Erneut versuchen baut sie neu auf. Kein Tab ausgewählt | Das Side-Panel gehört zu keinem Tab mit einer Webseite. ### Systemsteckbrief Der Steckbrief beantwortet die Fragen, die am Anfang jeder Fehlersuche stehen: Welche UI5-Version, welches Theme, welches Launchpad, welche App, welcher Service? Steckbrief der Fiori-Elements-Demo-App: OData V4 auf CAP, ohne Launchpad. - Kopieren als Markdown legt den ganzen Steckbrief als Markdown in die Zwischenablage – fertig für ein Ticket oder einen Chat. - Datenquellen aus dem Manifest: Name, OData-Version, erkannter Backend-Typ und URI. Feld | Inhalt URL | Adresse der Seite. UI5-Version · Build | Version der geladenen UI5-Runtime und ihr Build-Zeitstempel. Theme · Sprache · Formatsprache | Aktives Theme, Sprache der Texte und Sprache für Zahlen- und Datumsformate. Debug-Modus · Asynchrones Laden | Ob sap-ui-debug aktiv ist und ob UI5 Module asynchron lädt. Launchpad | Keins (eigenständig), ABAP Fiori Launchpad (mit Mandant), SAP Build Work Zone, Lokale Sandbox oder Unbekanntes Launchpad. Im Launchpad steht dazu die Launchpad-Startseite. App · App-ID (sap.app.id) · App-Version | Titel, ID und Version der App aus dem Manifest. Anwendungskomponente | Die SAP-Komponente für Meldungen, z. B. SD-SLS-SO. Typ | Freestyle, Fiori Elements (OData V2) oder Fiori Elements (OData V4). Component | ID der Komponente der App. Datenquellen | OData-Services und Annotationsdateien. Der Backend-Typ heißt ABAP Gateway, ABAP RAP, CAP oder Sonstiges. Geladene Bibliotheken | Die UI5-Bibliotheken, die die App geladen hat. - App im Browser öffnen und warten, bis oben Verbunden steht. - Im Tab Übersicht beim Systemsteckbrief auf Kopieren als Markdown klicken. - Den Text ins Ticket einfügen. Er enthält alle Felder des Steckbriefs, auch die Datenquellen. Der Steckbrief zeigt, wann er gelesen wurde (Erfasst …). Navigiert das Launchpad zu einer anderen App, liest FrontTailor ihn neu. ### Sitzung: Fehler seit dem Laden Die Karte Sitzung zählt die Fehler seit dem Laden der Seite: Fehler aus dem UI5-Log und Requests, die mit Status 400 oder höher endeten. Darunter stehen die letzten Fehler mit Quelle (UI5-Log oder Request). Ohne Fehler steht dort Keine Fehler in dieser Sitzung. Ein ausgelöster 500er in der Freestyle-Demo-App erscheint sofort als Fehler der Sitzung. - Die Zahl der Fehler in dieser Sitzung; dieselbe Zahl steht gelb auf dem Symbol der Extension. Eine Sitzung ist ein geladenes Dokument im Tab. Navigation im Hash (Launchpad, Router der App) bleibt in derselben Sitzung, Neuladen beginnt eine neue. Ein $batch, der mit HTTP 200 antwortet und nur innen Fehler enthält, zählt hier nicht – den zeigt die [OData-Konsole](https://fronttailor.com/doku/odata-konsole). Von Request-URLs speichert die Sitzung nur Schema, Host und Pfad. ### Das Symbol als Ampel Das Symbol der Extension in der Browserleiste zeigt den Zustand des Tabs, auch wenn kein Panel offen ist. Farbe | Bedeutung Grau | Keine UI5-App im Tab. Grün | UI5-App erkannt, keine Fehler. Gelb mit Zahl | Fehler in dieser Sitzung (ab 100 steht „99+“). Der Tooltip sagt „… Fehler in dieser Sitzung“. Rot | Der Host ist als PROD markiert. Tooltip: „PROD – Änderungen gesperrt“. „!“ auf Blau | Die Domain braucht noch eine Freigabe. Wie ein Host zu PROD wird, steht unter [Host-Profile und PROD](https://fronttailor.com/doku/host-profile-und-prod). ### Lesezeichen und Bücher Ganz oben im Tab steht die Karte Lesezeichen: Zustand merken speichert Route, Filter und Tab der App, nach dem Neuladen bringt dich ein Klick zurück. Alles dazu unter [Lesezeichen für den App-Zustand](https://fronttailor.com/doku/lesezeichen). Die Karte Bücher vom Autor zeigt die SAP-PRESS-Bücher zu den Themen von FrontTailor. Empfehlungen ausblenden schaltet sie ab; unter Werkzeuge › Über FrontTailor kommen sie zurück. Auf PRODDie Übersicht liest nur und ändert nichts an App oder System. Sie funktioniert auf PROD genauso; das Symbol ist dann rot. ### Tastenkürzel Taste | Wirkung F12 → Tab „FrontTailor“ | Das DevTools-Panel mit allen Tabs. Das Side-Panel weist mit „Tiefes Debugging: DevTools (F12) → Tab „FrontTailor“.“ darauf hin. Alt+Shift+F | Control in der Seite wählen, siehe [Inspector](https://fronttailor.com/doku/inspector). Alt+Shift+K | Befehlspalette in der App, siehe [Befehlspalette](https://fronttailor.com/doku/command-palette). ### Typische Probleme Problem | Lösung Oben steht Freigabe erforderlich | Auf Aktivieren klicken und die Domain im Browser freigeben, siehe [Erste Schritte](https://fronttailor.com/doku/einstieg). Oben steht Keine UI5-App erkannt | Die Seite ist (noch) keine UI5-App, etwa die Anmeldung. Nach dem Start der App verbindet sich FrontTailor von selbst. Das Symbol ist gelb, obwohl die App läuft | Gelb heißt: Fehler in dieser Sitzung. Die Karte Sitzung zeigt, welche. Neuladen setzt die Zahl zurück. Datenquellen fehlen im Steckbrief | Die App nennt im Manifest keine dataSources, oder sie erzeugt ihr Model im Code. Die Requests zeigt trotzdem die [OData-Konsole](https://fronttailor.com/doku/odata-konsole). Falscher Steckbrief im Launchpad | Der Steckbrief gehört zur App, die gerade angezeigt wird. Nach einer Navigation kurz warten, bis er neu gelesen ist. ### Siehe auch - Funktionen im Überblick [Funktionen · Inspector & Models](https://fronttailor.com/funktionen#inspector) - Zum Nachlesen [SAPUI5 – The Comprehensive Guide](https://www.sap-press.com/sapui5_6012/) (SAP PRESS) - Zum Nachlesen [SAP Fiori Elements – Grundlagen, Entwicklung und Erweiterung](https://www.rheinwerk-verlag.de/sap-fiori-elements/) (SAP PRESS) - Hilfe von Menschen [FrontTailor-Onboarding für euer Team](https://fronttailor.com/leistungen#onboarding) - Doku [Erste Schritte](https://fronttailor.com/doku/einstieg) - Doku [Host-Profile und PROD](https://fronttailor.com/doku/host-profile-und-prod) - Doku [Lesezeichen für den App-Zustand](https://fronttailor.com/doku/lesezeichen) - Doku [OData-Konsole](https://fronttailor.com/doku/odata-konsole) - Belege ADR-003 · ADR-004 Häufige Fragen ### Kurz beantwortet. **Wie finde ich die UI5-Version einer Fiori-App heraus?** FrontTailor öffnen (F12 → Tab FrontTailor oder Side-Panel). Der Tab Übersicht zeigt die UI5-Version oben im Verbindungsstatus und im Systemsteckbrief, dazu den Build-Zeitstempel. **Erkennt FrontTailor, ob eine App Fiori Elements oder Freestyle ist?** Ja. Das Feld Typ im Systemsteckbrief sagt Freestyle, Fiori Elements (OData V2) oder Fiori Elements (OData V4). Die Datenquellen nennen zusätzlich den Backend-Typ: ABAP Gateway, ABAP RAP, CAP oder Sonstiges. **Sendet der Systemsteckbrief Daten an einen Server?** Nein. Er wird aus der laufenden App im Browser gelesen. Kopieren als Markdown legt den Text nur in die Zwischenablage. **Warum ist das FrontTailor-Symbol gelb?** Gelb mit Zahl bedeutet Fehler in der aktuellen Sitzung: Fehler im UI5-Log oder Requests mit Status 400 oder höher. Die Karte Sitzung im Tab Übersicht listet sie auf. Deine Frage ist nicht dabei? Sprich mich an: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Schreib mir](https://fronttailor.com/kontakt) --- # UI5 Control Inspector für Chrome und Edge · FrontTailor Quelle: https://fronttailor.com/doku/inspector > UI5-Controls in Chrome und Edge untersuchen: Control per Klick wählen, Properties live ändern, Bindings lesen, OPA5-, wdi5- und Playwright-Selektoren kopieren. ## Inspector Der Inspector zeigt zu jedem Pixel einer UI5-App das Control dahinter: Typ, ID, View, Properties, Bindings, Aggregations und Events – live, während die App läuft. Er ist kostenlos und gehört zur Community-Edition. **Edition** Community **Tab** „Inspector“ **Tastenkürzel** Alt+Shift+F **Oberflächen** DevTools-Panel und Side-Panel **Auf PROD** Lesen erlaubt, Live-Edit gesperrt Diese Seite beantwortet - Welches UI5-Control steckt hinter diesem Feld? - Woher kommt der Wert eines Felds (Binding, Model, Pfad)? - Wie bekomme ich einen stabilen OPA5-, wdi5- oder Playwright-Selektor? - Wie ändere ich eine Property zur Laufzeit, ohne neu zu deployen? ### Der Tab im Überblick Öffne in den DevTools (F12) das Panel FrontTailor oder das Side-Panel über das Symbol der Extension und wähle den Tab Inspector. Links steht der Control-Baum der App, rechts die Details des gewählten Controls. Im schmalen Side-Panel stehen beide untereinander. Der Inspector an der Freestyle-Demo-App: 127 Knoten, gelesen in wenigen Millisekunden. - Control wählen startet den Pick-Modus: Danach klickst du ein Control in der Seite an. Daneben lädt Baum neu laden den Baum von vorne. - ID, Typ oder Text suchen – gesucht wird in allen drei. Treffer behalten ihre Vorfahren, damit du siehst, wo das Control hängt. - Filter: Nur sichtbare, Nur gebundene und Nur Custom Controls (Typ nicht aus sap.*). Rechts davon steht, wie viele Knoten der Baum hat und wie lange das Lesen gedauert hat. - Der Control-Baum: UI-Bereiche, Komponenten, Views und Controls in der Reihenfolge der App. Pfeiltasten bewegen die Auswahl. Der Baum folgt der laufenden App: Öffnet die App einen Dialog oder lädt eine Liste nach, erscheinen die neuen Controls von selbst. Sehr große Apps zeigt der Inspector bis 20.000 Knoten; darüber steht der Hinweis „Baum gekürzt: nur die ersten … Knoten werden angezeigt.“ ### Ein Control in der Seite wählen - Klicke Control wählen oder drücke Alt+Shift+F – das Kürzel funktioniert auch, wenn die DevTools geschlossen sind, und öffnet dann das Side-Panel. - Fahre mit der Maus über die App. Ein Rahmen zeigt das Control unter dem Zeiger, mit Typ, ID und – falls gebunden – dem Binding-Pfad. - Klicke das Control an. Die App bekommt den Klick nicht mit: Kein Button löst aus, kein Popover schließt sich. Esc bricht ab. - Der Inspector springt im Baum zum Control und zeigt rechts die Details. Im Pick-Modus beschriftet der Rahmen das Control unter dem Zeiger – hier ein gebundenes sap.m.ObjectListItem. Das funktioniert auch in Dialogen, Popovern und in Apps, die im Launchpad in einem iframe laufen. Ein Klick in einem Frame schaltet den Inspector auf diesen Frame um; die Auswahl Frame über dem Baum zeigt, welcher gerade gemeint ist (Haupt-Frame ist die Seite selbst). ### Details eines Controls Details des Buttons „Fehlerfälle“ der Demo-App. Die Property text ist an einen i18n-Text gebunden. - Typ und ID, darunter View und Komponente. Daneben öffnet API-Referenz die Klasse in der UI5-Doku genau der Version, die die App lädt; Fiori Design Guidelines öffnet die passende Seite der Guidelines, wenn es eine gibt. - Parent-Kette: jeder Vorfahre bis zum UI-Bereich, anklickbar. - Kopieren als… – ID, OPA5-Selektor, wdi5-Selektor, Playwright-Locator oder XML-Snippet (siehe unten). - Als Variable speichern legt das Control für die DevTools-Console ab (siehe unten). - gebunden unter einem Property-Namen öffnet die Herkunft des Werts. Die Details haben fünf Tabs: Tab | Was du siehst Properties | Name, Wert, Typ und Default jeder Property, gebundene markiert, eigene und geerbte unterschieden. Werte sind editierbar (siehe Live-Edit). Bindings | Je gebundener Property: Pfad, Model, Aufgelöster Pfad, Modus, Formatter und Typ; bei Composite- und Expression-Bindings jeder Teil. Aggregations | Kinder je Aggregation mit Anzahl und IDs, dazu die Associations. Events | Jedes Event mit der Zahl der Listener und den Namen der Handler. Context | Models und Binding-Kontexte, die das Control sieht, mit Kontextpfad. Property-, Aggregations- und Event-Namen in den Tabellen sind Links auf ihren Eintrag in der API-Referenz der Klasse, die sie deklariert. Steht ein Control nicht im Baum – etwa ein Dialog, der noch nie geöffnet war –, erklärt ein Hinweis in den Details, warum, und nennt die Wurzel. ### Woher kommt der Wert? Bindings lesen - Wähle das Control (Pick oder Suche). - Klicke im Tab Properties unter dem Namen der Property auf gebunden. - Das Popover Binding von … zeigt Pfad wie geschrieben, Aufgelöster Pfad, Model, Model-Typ (OData V2, OData V4, JSON, Resource (i18n), XML), Wert im Model, Aktueller Wert, Binding-Modus, Typ und Formatter – bei i18n-Texten Schlüssel und Text. - Mit Pfad kopieren nimmst du den Pfad mit, Im Bindings-Tab anzeigen hebt die Zeile im Tab Bindings hervor, Im Model Explorer anzeigen öffnet den Tab [Model Explorer](https://fronttailor.com/doku/models) genau an dieser Stelle. Das Popover zur Property placeholder des Suchfelds: ein i18n-Text, Modus OneWay. - Pfad wie im View geschrieben. - Model-Typ – hier ein Resource-Model mit den i18n-Texten. - Pfad kopieren. - Im Bindings-Tab anzeigen. Der Tab Bindings fasst alle gebundenen Properties eines Controls zusammen. Wenn ein Feld leer bleibt, sagt dir der Tab meist schon, warum: „nicht aufgelöst“ heißt, dass das Control noch kein Model oder keinen Kontext hat – typisch für einen relativen Pfad ohne Element-Binding. ### Properties live ändern Im Tab Properties ist jeder Wert ein Editor: Booleans als Kästchen, Enums als Auswahl, Zahlen als Zahlenfeld, alles andere als Textfeld. Objekte und Arrays bleiben schreibgeschützt. - Enter oder Verlassen des Felds übernimmt den Wert; Esc holt den Wert der Seite zurück. - Der Inspector prüft den Wert gegen den Datentyp. Passt er nicht, erscheint „Ungültiger Wert: …“, und das Control behält seinen Wert. - Bei gebundenen Properties warnt ein Hinweis: „Gebunden: Das nächste Model-Update überschreibt eine Änderung.“ Bei TwoWay-Bindings landet die Änderung auch im Model. Auf PRODIst der Host als PROD markiert ([Host-Profile und PROD](https://fronttailor.com/doku/host-profile-und-prod)), zeigt der Inspector „PROD-System: Live-Edit ist gesperrt.“ und deaktiviert die Editoren. Die Sperre sitzt zusätzlich im Hintergrund der Extension: Auch eine Anfrage am Panel vorbei wird abgelehnt. Lesen, Kopieren und Als Variable speichern bleiben erlaubt. ### Selektoren und XML kopieren „Kopieren als…“ erzeugt Selektoren, die das Control wiederfinden. Eintrag | Ergebnis ID | die volle Control-ID OPA5-Selektor | this.waitFor({ id, viewName, controlType, … }) wdi5-Selektor | browser.asControl({ selector: { … } }) Playwright-Locator | Locator über die Endung der DOM-ID, unabhängig vom Präfix des Containers (etwa im Launchpad) XML-Snippet | das Control als XML mit Namespace, ID, Bindings und allen Werten, die vom Default abweichen Generierte IDs wie __button3 landen nie in einem Selektor. Stattdessen nimmt der Inspector den Control-Typ und ein Merkmal, das das Control eindeutig macht: einen Text, einen i18n-Schlüssel oder einen Binding-Pfad. Die Selektoren werden in den automatischen Tests gegen die Demo-Apps ausgeführt. ### Als Variable speichern (DevTools-Console) - Wähle das Control und klicke Als Variable speichern. - Der Inspector legt es als $ft0 ab (das nächste als $ft1 …, das letzte immer auch als $ft) und zeigt einen Beispielaufruf wie $ft0.getText(). - Wechsle in die Console der DevTools und arbeite mit der Variable. Läuft die App im Launchpad in einem iframe, nennt der Inspector den Frame, den du oben links in der Console wählen musst. Gespeichert als $ft0 – mit Beispielaufruf und der Liste aller Variablen des Frames. Das Menü daneben speichert statt des Controls einen Bindungskontext oder ein Model. Die Variablen leben nur in der Seite, bis sie neu lädt; FrontTailor speichert nichts davon. Alle löschen räumt sie wieder ab. ### Weitere Aktionen in den Details - Im Editor öffnen springt zur Quelldatei des Views in deinem lokalen Editor. Dafür richtest du einmal in [Werkzeuge](https://fronttailor.com/doku/werkzeuge) die Pfadzuordnung ein (Namensraum → lokaler Ordner). - Im Elements-Tab zeigen wählt das DOM-Element des Controls im Elements-Panel der DevTools aus. - Mit ab Pro stehen hier die KI-Einstiege Control erklären, Warum nicht sichtbar? und wdi5-Test – mit deinem eigenen Schlüssel, siehe [KI-Assistent](https://fronttailor.com/doku/ki). ### Typische Probleme Was du siehst | Ursache und Lösung Der Baum bleibt leer | Die Seite hat (noch) kein UI5 geladen, oder der Host ist nicht freigegeben. Oben im Panel muss Verbunden stehen – siehe [Domain freigeben](https://fronttailor.com/doku/einstieg#freigabe). „Das gewählte Control hat keine Zeile im Baum“ | Das Control hängt an keinem UI-Bereich, etwa ein geschlossener Dialog. Die Details sind trotzdem vollständig; öffne den Dialog in der App und wähle das Control erneut. „nicht gerendert“ im Kopf der Details | Das Control ist ausgeblendet oder noch nicht angezeigt und lässt sich deshalb in der Seite nicht hervorheben. Editoren sind ausgegraut | Der Host ist als PROD markiert. Live-Edit ist dort absichtlich gesperrt. ### Siehe auch - Funktionen im Überblick [Funktionen · Inspector & Models](https://fronttailor.com/funktionen#inspector) - Zum Nachlesen [SAPUI5 – The Comprehensive Guide](https://www.sap-press.com/sapui5_6012/) (SAP PRESS) - Hilfe von Menschen [Hands-on-Workshops zu SAPUI5, Fiori Elements, OData und CAP](https://fronttailor.com/leistungen#hands-on) - Doku [Model Explorer](https://fronttailor.com/doku/models) - Doku [Werkzeuge](https://fronttailor.com/doku/werkzeuge) - Doku [Host-Profile und PROD](https://fronttailor.com/doku/host-profile-und-prod) - Belege ADR-005 · ADR-010 · ADR-039 Häufige Fragen ### Kurz beantwortet. **Wie öffne ich den UI5 Inspector von FrontTailor?** In den DevTools (F12) das Panel FrontTailor öffnen und den Tab Inspector wählen – oder in der App Alt+Shift+F drücken; dann öffnet sich das Side-Panel im Pick-Modus. **Kann ich mit dem Inspector Properties auf PROD ändern?** Nein. Auf einem als PROD markierten Host ist Live-Edit gesperrt, im Panel und zusätzlich im Hintergrund der Extension. Lesen, Kopieren und Als Variable speichern bleiben erlaubt. **Was kostet der Inspector?** Nichts. Der Inspector gehört zur kostenlosen Community-Edition und braucht kein Konto. Nur die KI-Einstiege in den Details brauchen Pro. **Funktioniert der Inspector im Fiori Launchpad und in iframes?** Ja. Er läuft im Top-Frame und in iframes; ein Klick im Pick-Modus schaltet ihn auf den Frame des gewählten Controls um. Deine Frage ist nicht dabei? Sprich mich an: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Schreib mir](https://fronttailor.com/kontakt) --- # UI5-Models live ansehen: JSON, OData, i18n · FrontTailor Quelle: https://fronttailor.com/doku/models > Daten der UI5-Models einer laufenden App als Baum: JSONModel, OData V2/V4-Cache, i18n-Texte je Sprache, Snapshot und Diff vor und nach einer Aktion. ## Model Explorer Der Model Explorer zeigt, was in den Models der App steht – ohne Breakpoint und ohne einen einzigen zusätzlichen Request. Er listet die Models mit Typ, zeigt ihre Daten als durchsuchbaren Baum, vergleicht den Stand vor und nach einer Aktion und findet zu einem Control seine i18n-Texte in allen geladenen Sprachen. **Edition** Community **Tab** „Models“ **Oberfläche** nur DevTools-Panel (F12) **Requests** keine – nur der Cache der App **Auf PROD** nur Lesen, keine Sperre nötig Diese Seite beantwortet - Was steht gerade im JSONModel meiner UI5-App? - Welche Entitäten hat das OData-Model schon geladen? - Was ändert sich im Model, wenn ich auf „Bearbeiten“ klicke? - Aus welchem i18n-Bundle kommt ein Text, und fehlt der Key in einer Sprache? ### Der Tab im Überblick Den Tab Models gibt es nur im DevTools-Panel: F12 → Panel FrontTailor → Models. Ohne gewähltes Control zeigt er die Models der Root-Komponenten der App; mit einem Control dessen eigene und geerbte Models. Das view-Model der Freestyle-Demo-App: ein JSONModel mit 16 Werten. - Control-ID eingeben und Anzeigen wählt ein Control ohne Inspector. App-Models hebt die Auswahl wieder auf, das Symbol rechts aktualisiert die Liste. - Die Liste der Models: Name (das unbenannte heißt (Default-Model)), Typ und ob das Model eigenes oder geerbt ist. - Snapshot nehmen und Vergleichen, siehe Snapshot und Diff. - Keys und Werte durchsuchen: Treffer bleiben mit ihren Vorfahren stehen. Daneben Alle aufklappen und Alle zuklappen. - JSON kopieren nimmt den gezeigten Teilbaum mit, Pfad kopieren den Pfad des gewählten Knotens, etwa view>/editable. - Der Baum mit den Daten. Darüber steht, wie viele Werte gelesen wurden und wann. Typ in der Liste | Was der Baum zeigt OData V2 | Die Entitäten im Cache des Models, gruppiert nach Entity-Set. OData V4 | Die Daten der aktuellen Kontexte der Bindings. JSONModel · XMLModel | Die Daten des Models. ResourceModel | Das i18n-Bundle; Texte zu einem Control zeigt der Abschnitt i18n. Device-Model | Die Geräteinfos von UI5. Funktionen und tiefe Objekte werden zusammengefasst. Anderes Model | Eigene Model-Klassen, so weit sie lesbar sind. Über das Feld Pfad und Laden holst du einen Teilbaum gezielt. Das braucht es bei großen Models: Der Baum liest bis zu 12 Ebenen tief, 20.000 Werte und 2.000 Zeichen je Text; darüber steht „Großes Model: Die Daten wurden gekürzt …“. ### OData-Models: was schon geladen ist Das OData-V2-Model der Demo-App: 12 Produkte und 4 Kategorien im Cache. - Das (Default-Model) vom Typ OData V2, rechts mit Klasse und Service-URL. - Gecachte Entitäten: „Nur aus dem Model-Cache gelesen; FrontTailor sendet keinen Request.“ - Ein Entity-Set mit der Zahl der Entitäten im Cache. Ein Klick filtert den Baum darauf. Fehlt eine Entität, hat die App sie (noch) nicht geladen. Was das Backend tatsächlich gesendet hat, zeigt die [OData-Konsole](https://fronttailor.com/doku/odata-konsole). ### Snapshot und Diff: was eine Aktion ändert - Im Tab Models das Model wählen, etwa view. - Snapshot nehmen klicken. Es erscheint „Snapshot von … Jetzt in der App etwas tun, dann vergleichen.“ - In der App die Aktion ausführen – im Beispiel Bearbeiten in der Demo-App. - Vergleichen klicken. Änderungen seit dem Snapshot listet jeden Pfad als hinzugefügt, entfernt oder geändert, mit altem und neuem Wert. - Mit Snapshot verwerfen fängst du von vorne an. Nach „Bearbeiten“ in der Demo-App: /editable wechselt von false auf true. - Vergleichen liest das Model neu und vergleicht mit dem Snapshot. - Eine Änderung: Art, Pfad, alter Wert, neuer Wert. Angezeigt werden die ersten 1.000 Änderungen; bei mehr steht ein Hinweis darunter. ### i18n: Key, Bundle und Texte je Sprache Ist ein Control gewählt (im [Inspector](https://fronttailor.com/doku/inspector) oder über die Control-ID), zeigt der Abschnitt i18n jede Property, die an ein ResourceModel gebunden ist. Der Button „Bearbeiten“ der Demo-App: Key, Bundle und der Text in der geladenen Sprache. - Key mit Model-Name, z. B. i18n>edit. - Bundle: Name und Datei des Resource-Bundles. - Texte je geladener Sprache, darunter „(Noch) nicht geladen: …“ für Fallback-Sprachen, die UI5 noch nicht geholt hat. FrontTailor lädt keine Sprache nach. - Fehlende Keys suchen prüft alle Controls der Seite und listet Texte, die als Key angezeigt werden (bis 200 Einträge). Control anzeigen springt zum Fund. Neben dem Key steht Key vorhanden, Key fehlt oder Ohne Nachladen einer Sprache nicht feststellbar. ### Gebundene Controls Zu einem Knoten im Baum sucht Gebundene Controls suchen die Controls, deren Bindings diesen Knoten oder einen Knoten darunter nutzen – in einem Durchlauf über die Controls der Seite. Ein Klick auf einen Treffer wählt das Control im Inspector. Umgekehrt öffnet Im Model Explorer anzeigen im Inspector diesen Tab genau am gebundenen Pfad. ### Alle Knöpfe und Felder Element | Wirkung Control-ID · Anzeigen | Models und i18n-Bindings dieses Controls zeigen. App-Models | Auswahl aufheben, zurück zu den Models der App. Aktualisieren | Liste und Daten neu lesen, etwa wenn die App nachgeladen hat. Pfad · Laden | Nur diesen Teilbaum lesen. Keys und Werte durchsuchen | Treffer mit Vorfahren; bei mehr als 2.000 Treffern: „Suche eingrenzen“. Alle aufklappen · Alle zuklappen | Baum ganz öffnen oder schließen. JSON kopieren · Pfad kopieren | Teilbaum als JSON bzw. Binding-Pfad in die Zwischenablage. Snapshot nehmen · Vergleichen · Snapshot verwerfen | Stand merken, Unterschiede zeigen, Snapshot löschen. Fehlende Keys suchen | Alle Controls auf Texte prüfen, die als Key erscheinen. Gebundene Controls suchen | Controls finden, die den gewählten Knoten nutzen. Auf PRODDer Model Explorer liest nur: kein Schreiben ins Model, kein Request. Er funktioniert auf PROD unverändert. Beachte, dass die Models dort echte Geschäftsdaten enthalten können – JSON kopieren nimmt sie mit. ### Typische Probleme Problem | Lösung Der Tab Models fehlt | Er ist nur im DevTools-Panel, nicht im Side-Panel. F12 → FrontTailor. Keine Models gefunden. | Die App hat noch keine Komponente gestartet, oder das gewählte Control hat keine Models. App-Models zeigt die Models der App. Eine Entität fehlt im OData-Model | Der Explorer zeigt nur, was UI5 schon geladen hat. Aktualisieren nach dem Laden in der App; die Requests stehen in der [OData-Konsole](https://fronttailor.com/doku/odata-konsole). Großes Model: Die Daten wurden gekürzt | Pfad eingeben und Laden, um nur einen Teil zu lesen. Das Model existiert nicht mehr. | Die App hat das Model ersetzt, etwa nach einer Navigation. Aktualisieren. ### Siehe auch - Funktionen im Überblick [Funktionen · Inspector & Models](https://fronttailor.com/funktionen#inspector) - Zum Nachlesen [SAPUI5 – The Comprehensive Guide](https://www.sap-press.com/sapui5_6012/) (SAP PRESS) - Hilfe von Menschen [Hands-on-Workshops zu SAPUI5, Fiori Elements, OData und CAP](https://fronttailor.com/leistungen#hands-on) - Doku [Inspector](https://fronttailor.com/doku/inspector) - Doku [OData-Konsole](https://fronttailor.com/doku/odata-konsole) - Belege ADR-006 Häufige Fragen ### Kurz beantwortet. **Wie sehe ich die Daten eines UI5-JSONModels zur Laufzeit?** In den DevTools (F12) das Panel FrontTailor öffnen, Tab Models, Model wählen. Die Daten erscheinen als Baum mit Suche; JSON kopieren nimmt sie in die Zwischenablage. **Sendet der Model Explorer Requests an das Backend?** Nein. Er liest nur den Cache der Models im Browser. Was die App nicht geladen hat, zeigt er auch nicht. **Warum fehlt der Tab Models im Side-Panel?** Der Model Explorer ist für die DevTools gebaut und steht nur im DevTools-Panel. Öffne F12 und dort das Panel FrontTailor. **Kann ich sehen, welche i18n-Keys fehlen?** Ja. Fehlende Keys suchen im Abschnitt i18n prüft alle Controls der Seite und listet Texte, die als Key angezeigt werden. Deine Frage ist nicht dabei? Sprich mich an: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Schreib mir](https://fronttailor.com/kontakt) --- # OData-Requests und $batch in Chrome debuggen · FrontTailor Quelle: https://fronttailor.com/doku/odata-konsole > OData V2 und V4 einer Fiori-App mitschneiden: $batch in Teile zerlegt, Gateway-, RAP- und CAP-Fehler lesbar, Replay, cURL-Export, $metadata als Diagramm. ## OData-Konsole Die OData-Konsole zeichnet jeden OData-Request der App auf, zerlegt $batch in seine Teile und zeigt den Fehlertext des Backends so, wie Gateway, RAP oder CAP ihn meinen. Dazu kommen Replay mit Vorschau, Export ohne Tokens, gespeicherte Filter und der Service als Diagramm. Alles bleibt im Browser. **Edition** Community **Tab** „OData“ **Oberflächen** DevTools-Panel und Side-Panel **Protokoll** OData V2 und V4, $batch Multipart und JSON **Speicher** je Tab bis 2.000 Requests oder 50 MB **Auf PROD** Anzeige und Export, Replay gesperrt Diese Seite beantwortet - Welcher Teil eines $batch ist fehlgeschlagen und warum? - Wie lese ich die Gateway-Fehlermeldung mit Transaktions-ID? - Wie sende ich einen OData-Request geändert noch einmal? - Wie exportiere ich einen Request als cURL oder .http ohne Token? - Wie sehe ich die Entitäten eines Service als Diagramm? ### Der Tab im Überblick Öffne den Tab OData im DevTools-Panel oder im Side-Panel und bediene die App. Jeder OData-Request erscheint als Zeile; ein $batch klappt in seine Teile auf. Im schmalen Side-Panel fehlen nur die Spalten Zeit und Größe. Ein fehlgeschlagener Lesezugriff in der Freestyle-Demo-App: Der $batch antwortet 200, sein Teil 400. - Vier Ansichten desselben Logs: Requests, Sammlungen, Metadaten und Diagramm. - Pausieren hält die Aufzeichnung an, Leeren löscht das Log, Log behalten bewahrt es beim Neuladen. - Filter über Pfad, Entity-Set, Status und Fehlertext – auch in Batch-Teilen. Rechts daneben Status (Alle, Fehler, Erfolgreich), Methode und Service. - Ein $batch mit Zahl der Teile. Ein Klick klappt ihn auf. - Ein Batch-Teil: anklickbar wie ein eigener Request. - Ein fehlgeschlagener Request: rote Ampel, 200 → 400 heißt „Hülle 200, Teil 400“, darunter der Fehlertext. Über der Tabelle steht, ob die Aufzeichnung ab Seitenstart läuft, und der gemessene Overhead pro Request. Mit dem Häkchen Auf … aufzeichnen schaltest du die Aufzeichnung für diesen Host ab oder an; das wirkt ab dem nächsten Laden. Unter der Tabelle stehen die Exporte. Spalte | Inhalt Zeit · Methode | Start des Requests und HTTP-Methode. Entity-Set / Pfad | Pfad relativ zum Service, bei $batch die Zahl der Teile und Changesets, bei Fehlern der Fehlertext. Status | Ampel und HTTP-Status. Beim $batch zählt der schlechteste Teil. aus dem Cache, wenn der Browser geantwortet hat. Dauer · Größe | Laufzeit und Größe der Antwort. ### Fehler lesen: Meldung, Transaktions-ID, Fehlerprotokoll - In der Tabelle die rote Zeile anklicken. Bei einem $batch öffnet sich der fehlgeschlagene Teil. - Im Detail den Tab Fehler wählen. - Meldung, Code, Transaktions-ID und Lösungshinweise ablesen. Bei Gateway-Fehlern führt Im Gateway-Fehlerprotokoll öffnen ins /IWFND/ERROR_LOG. Der Teil GET Products('ERR400'): Fehlertext des Gateways mit Transaktions-ID. - Fehler für diesen Request simulieren macht aus dem Request eine Regel der [Fehlersimulation](https://fronttailor.com/doku/fehlersimulation) ab Pro. - Als bekannten Fehler speichern legt die Lösung für das nächste Mal ab, siehe [Bekannte Fehler](https://fronttailor.com/doku/bekannte-fehler). - Meldung aus dem Fehler-Body, darunter Code, Ziel und Details. - Transaktions-ID und Zeitstempel für die Suche im Backend. - Im Gateway-Fehlerprotokoll öffnen: ein normaler Link auf /IWFND/ERROR_LOG desselben Systems, in einem neuen Tab (SAP GUI für HTML). Die Konsole versteht Gateway V2 als JSON und XML, V4 von RAP und CAP, ICF-Fehlerseiten als HTML und die Header sap-message bzw. sap-messages. Ein Changeset, das als Ganzes scheitert, markiert alle Teile als Changeset fehlgeschlagen; fehlende Antworten heißen Keine Antwort. Detail-Tab | Inhalt Request | URL, Query-Optionen, Header und Body (formatiert oder roh), sap-contextid. Response | Status, Header und Body der Antwort. Batch | Alle Teile des $batch mit Changeset und Status. Als Einzel-Request öffnen öffnet einen Teil, Ganzen $batch anzeigen führt zurück. Fehler | Meldung, Code, Ziel, Details, Transaktions-ID, Zeitstempel, Lösungshinweise. Timing | Quelle (Page-Hook, Netzwerk oder beides), Dauer, Server-IP, Server-Timing, Cache-Control, Netzwerkfehler. Controls | Die Controls der Seite, die das Entity-Set binden. Ein Klick wählt das Control im [Inspector](https://fronttailor.com/doku/inspector). Replay | Request bearbeiten und erneut senden, siehe Replay. Mit ab Pro stehen über dem Fehler die KI-Einstiege, etwa Fehler erklären – mit deinem eigenen Schlüssel, siehe [KI-Assistent](https://fronttailor.com/doku/ki). Mit ab Enterprise führt die Karte Absprung ins Backend in die Analyse-Transaktionen desselben SAP-Systems, siehe [Absprung ins Backend](https://fronttailor.com/doku/backend-absprung). ### Replay: bearbeiten, Vorschau, senden - Request in der Tabelle wählen, im Detail den Tab Replay öffnen. - Methode, URL, Header (einer pro Zeile, Name: Wert) und Body anpassen. Header erklären beschreibt jeden Header. - Für ändernde Requests Zuerst CSRF-Token holen anhaken. - Vorschau klicken. Sie zeigt den genauen Request samt Token-Abruf: „Dieser Request wird aus der Seite gesendet, mit der Sitzung der Seite“. - Request senden klicken. Die Antwort erscheint darunter, der Request steht im Log mit dem Kennzeichen Replay. Replay eines $batch: Erst die Vorschau, dann ein zweiter Klick zum Senden. - URL des Requests – erlaubt ist nur der Origin der Seite. - Zuerst CSRF-Token holen: vorher ein HEAD mit x-csrf-token: Fetch auf den Service. - Vorschau zeigt den Request, der gesendet würde. Ohne Vorschau gibt es kein Senden. - In Sammlung speichern legt den Request dauerhaft ab, siehe Sammlungen. - Request senden schickt ihn mit der Sitzung der Seite. Zurücksetzen stellt den Originalzustand her. Auf PRODReplay ist auf PROD gesperrt: Der Tab zeigt „Replay ist auf PROD-Systemen gesperrt.“, und der Hintergrund der Extension lehnt die Anfrage ab, auch wenn jemand das Panel umgeht. Gespeicherte Requests aus Sammlungen gelten genauso. Aufzeichnen, Lesen und Export bleiben erlaubt. Wie ein Host PROD wird: [Host-Profile und PROD](https://fronttailor.com/doku/host-profile-und-prod). ### Export ohne Geheimnisse Knopf | Ergebnis Gewählter Request: Als cURL kopieren | cURL-Befehl in der Zwischenablage. Ändernde Requests holen zuerst ein Token und nutzen -c/-b cookies.txt. Gewählter Request: .http (VS Code) | Datei für den VS-Code-REST-Client mit einem Token-Abruf vorab. Alle angezeigten Requests: .http · Postman · HAR | Alle Zeilen, die der Filter zeigt. Die Postman-Sammlung holt das Token in einem eigenen Request. Exporte entstehen lokal als Datei und enthalten weder Cookies noch Authorization noch CSRF-Tokens: „Exporte bleiben auf diesem Rechner. Cookies und CSRF-Tokens fehlen – die Dateien holen zuerst ein Token.“ ### Gespeicherte Filter und Sammlungen Links über der Tabelle steht das Menü der Gespeicherten Filter (anfangs Standard). Sichern, Sichern unter und Verwalten legen Filtersätze aus Status, Service, Methode und Text ab. Als Standard für dieses System wendet einen Filter beim Öffnen der Konsole für diesen Origin an. Die Ansicht Sammlungen hält gespeicherte Requests. Vor dem Speichern entfernt FrontTailor Cookies, Tokens, Authorization- und CSRF-Header; die URL wird relativ zum Service gespeichert und läuft so auf jedem System mit diesem Service. Ein gespeicherter Request läuft wie ein Replay: erst Vorschau, dann senden. Importieren und Alle exportieren tauschen Sammlungen als JSON-Datei. Filter und Sammlungen aus Team-Paketen erscheinen mit ab Team in einer eigenen Gruppe, siehe [Team-Pakete](https://fronttailor.com/doku/team-pakete). ### Metadaten: Service durchsuchen Suche nach „Product“: Entity-Typ, Entity-Set, Navigation, Properties und Annotationen. - Service wählen – jeder Service, dessen $metadata aufgezeichnet wurde. - Die Zusammenfassung: OData-Version, Entity-Sets, Entity-Typen, Operationen, Annotationen. - Suchen in Entity-Sets, Typen, Properties, Aktionen und Annotationen (auch aus externen Annotationsdateien). - Die Treffer. Controls zeigt, welche Controls der Seite ein Element binden. Fehlt ein Service, wurde sein $metadata nicht aufgezeichnet: App bei aktiver Aufzeichnung neu laden. ### Diagramm: Entitäten und Navigationen Der Demo-Service als Diagramm. Die rote Markierung an Product zeigt fehlgeschlagene Requests aus der Konsole. - Suche nach Typ, Entity-Set oder Property (Taste /). Daneben die Umgebung (1 oder 2 Schritte), Annotationen und Ebenen (Operationen, Complex- & Enum-Typen, Draft ausblenden). - Pfad finden: Von-Typ und Ziel-Typ wählen, $expand kopieren liefert den Navigationspfad. - Export: SVG oder PNG der aktuellen Ansicht, oder Mermaid-erDiagram kopieren. - In Vollansicht öffnen zeigt das Diagramm in einem eigenen Fenster. Taste / Maus | Wirkung Ziehen · Rad oder Pinch | Verschieben · Zoomen. +, − und 0 (an Bildschirm anpassen) gehen auch. Klick · Doppelklick oder Enter | Typ wählen · Fokus auf den Typ und seine Nachbarn. Shift+Klick | Pfad vom gewählten Typ zum angeklickten. Pfeiltasten | Nächster Typ. / · Esc | Suchen · Ansicht zurücksetzen. ### Was aufgezeichnet wird Die Konsole hängt sich in XMLHttpRequest und fetch der Seite, ändert aber keinen Request und setzt keinen Header. UI5-Ressourcen wie .js oder .properties schaut sie gar nicht erst an. Cookies werden entfernt; Authorization, CSRF-Tokens und andere Geheimnisse werden schon in der Seite durch [redacted] ersetzt. Je Tab hält das Log bis 2.000 Requests oder 50 MB, Bodies bis 512 KB (Request) und 1 MB (Response). Es wird beim Schließen des Tabs gelöscht und beim Neuladen geleert, außer Log behalten ist an. ### Typische Probleme Problem | Lösung Request-Bodies werden auf dieser Seite nicht aufgezeichnet | Die Seite war schon geladen, bevor die Domain freigegeben wurde. Neu laden oder Aufzeichnung jetzt starten. Zeilen mit Nur Netzwerkdaten | Diese Requests liefen vor dem Start der Aufzeichnung. Status und Timing sind da, Bodies nicht. Neu laden. Ein Fehler steht nicht in der Sitzung der Übersicht | Ein $batch antwortet oft mit 200, auch wenn ein Teil scheitert. Die Konsole zeigt solche Teile rot, die Sitzung zählt nur HTTP-Fehler. Metadaten oder Diagramm sind leer | $metadata wurde nicht aufgezeichnet. App bei aktiver Aufzeichnung neu laden. Request senden ist gesperrt | Der Host ist PROD. Replay gibt es nur auf Entwicklungs- und Testsystemen. Die Aufzeichnung fehlt ganz | Das Häkchen Auf … aufzeichnen ist aus, oder deine Administration hat die Konsole abgeschaltet („Die Aufzeichnung ist durch Ihre Administration deaktiviert.“). ### Siehe auch - Funktionen im Überblick [Funktionen · OData](https://fronttailor.com/funktionen#odata) - Zum Nachlesen [Fullstack-Entwicklung mit SAP](https://www.rheinwerk-verlag.de/fullstack-entwicklung-mit-sap/) (SAP PRESS) - Zum Nachlesen [SAP Fiori Elements – Grundlagen, Entwicklung und Erweiterung](https://www.rheinwerk-verlag.de/sap-fiori-elements/) (SAP PRESS) - Hilfe von Menschen [Fiori Elements und Annotationen](https://fronttailor.com/leistungen#fiori-elements) - Doku [Fehlersimulation](https://fronttailor.com/doku/fehlersimulation) - Doku [Bekannte Fehler](https://fronttailor.com/doku/bekannte-fehler) - Doku [Absprung ins Backend](https://fronttailor.com/doku/backend-absprung) - Doku [Model Explorer](https://fronttailor.com/doku/models) - Belege ADR-007 · ADR-015 · ADR-029 Häufige Fragen ### Kurz beantwortet. **Wie sehe ich, welcher Teil eines $batch fehlgeschlagen ist?** In der OData-Konsole von FrontTailor klappt ein $batch in seine Teile auf. Der fehlgeschlagene Teil ist rot, der Status lautet etwa 200 → 400; ein Klick öffnet ihn wie einen eigenen Request mit dem Tab Fehler. **Enthalten Exporte meine Tokens oder Cookies?** Nein. cURL, .http, Postman und HAR enthalten keine Cookies, keinen Authorization-Header und keine CSRF-Tokens. Ändernde Requests holen beim Ausführen zuerst ein neues Token. **Kann ich einen Request auf PROD erneut senden?** Nein. Replay ist auf PROD-Systemen gesperrt, im Panel und im Hintergrund der Extension. Auf Entwicklungs- und Testsystemen gilt: erst Vorschau, dann Request senden. **Funktioniert die Konsole mit CAP und RAP?** Ja. Sie liest OData V2 und V4, Multipart- und JSON-Batches und versteht die Fehlerformate von Gateway, RAP und CAP. Deine Frage ist nicht dabei? Sprich mich an: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Schreib mir](https://fronttailor.com/kontakt) --- # OData-Fehler in Fiori-Apps simulieren · FrontTailor Quelle: https://fronttailor.com/doku/fehlersimulation > Wie reagiert die Fiori-App auf 500, 403, langsames Backend, leere Liste oder abgelaufenes CSRF-Token? Regeln im Browser, ohne Mock-Server, auf PROD gesperrt. ## Fehlersimulation Die Fehlersimulation beantwortet passende OData-Requests deines Tabs direkt im Browser: mit einem SAP-Fehlertext, verzögert, leer oder als abgelaufene Sitzung. So prüfst du Fehlerdialoge, Busy-Anzeigen und „Keine Daten“-Texte, ohne Backend und ohne Mock-Server. Andere Nutzer und das System merken davon nichts. **Edition** ab Pro **Tab** „Fehlersimulation“ **Oberflächen** DevTools-Panel und Side-Panel **Gültigkeit** nur dieser Tab, bis er geschlossen wird **Grenzen** bis 30 Regeln je Tab **Auf PROD** gesperrt, Ausschalten immer möglich Diese Seite beantwortet - Wie teste ich, was meine Fiori-App bei einem HTTP 500 zeigt? - Wie simuliere ich ein langsames Backend oder einen Timeout? - Holt meine App nach abgelaufenem CSRF-Token ein neues? - Wie sieht die Liste ohne Daten aus? - Kann ich nur einen Teil eines $batch scheitern lassen? ### Der Tab im Überblick Den Tab Fehlersimulation findest du im DevTools-Panel und im Side-Panel, bei vielen Tabs unter Weitere. Oben stehen die Schnellstarts, darunter deine Regeln. Der leere Tab an der Freestyle-Demo-App. - Einschalten bei einem Schnellstart legt die Regel an und schaltet sie sofort ein. - Neue Regel öffnet den Editor für eine eigene Regel. - Die Regelliste – hier noch leer. - „Alles bleibt im Browser: Die Regeln gelten nur für diesen Tab, überstehen ein Neuladen und enden mit dem Schließen des Tabs.“ Schnellstart | Wirkung Sitzung abgelaufen | Die nächste Änderung bekommt 403 mit x-csrf-token: Required. UI5 sollte unbemerkt ein neues Token holen und sie wiederholen. Keine Berechtigung | Jeder Request bekommt 403 mit einer Gateway-Fehlermeldung. Backend langsam (3 s) | Jeder Request wird 3 Sekunden später beantwortet. Leere Liste | Jede Listenabfrage liefert keine Einträge. Server-Fehler beim Speichern | Jede Änderung scheitert mit 500. Beim Server kommt nichts an. Zeitüberschreitung (504 nach 10 s) | Requests warten 10 Sekunden und scheitern dann mit 504. Ein Schnellstart gilt für alle OData-Requests. Über Regel bearbeiten grenzt du ihn auf einen Service oder ein Entity-Set ein. ### Was in der App passiert Solange eine Regel aktiv ist, steht unten in der App das Banner Fehlersimulation aktiv mit der Zahl der Regeln. Ein Klick auf Ausschalten im Banner schaltet alles ab – sofort, die Regeln bleiben ausgeschaltet erhalten. Schnellstart „Leere Liste“: Die Suche findet nichts, das Banner zeigt die aktive Regel. - Die App zeigt ihren „Keine Daten“-Text – die Antwort kam von der Simulation, nicht vom Server. - Das Banner in der Seite. Ausschalten beendet die Simulation in diesem Tab. In der [OData-Konsole](https://fronttailor.com/doku/odata-konsole) tragen simulierte Antworten das Kennzeichen simuliert (bei $batch: „n simuliert“), das Detail sagt „Simuliert von FrontTailor – Regel …“. ### Eine eigene Regel anlegen - Im Tab Fehlersimulation auf Neue Regel klicken. - Unter Welche Requests Service, Entity-Set, Methode und Ort festlegen – leer heißt „alle“. - Unter Was passiert die Wirkung wählen, etwa HTTP-Fehler mit Status 500 und eigener Fehlermeldung. - Unter Wie oft Einmal, N-mal oder Immer wählen. - Speichern und einschalten. Dann in der App die Aktion auslösen. Eine Regel für Products: einmal HTTP 500 mit eigener Meldung. - Entity-Set, z. B. Products; $metadata trifft das Metadatendokument. Leer trifft alle außer $metadata, Service-Dokument und Token-Abruf. - Methode: Jede Methode, Lesen (GET), Ändern (POST, PUT, PATCH, MERGE, DELETE) oder eine einzelne. Daneben Wo: direkte Requests, $batch-Teile oder beides. - Wirkung, siehe Tabelle unten. - Fehlermeldung: Die App zeigt sie wie eine Meldung aus dem Backend. Darunter optional ein Gateway-innererror mit Transaktions-ID und Zeitstempel. - Wie oft: gezählt wird pro HTTP-Request, ein $batch zählt einmal. - Speichern und einschalten. Wirkung | Was die App bekommt HTTP-Fehler | Status 400–599 mit SAP-Fehlertext, als OData V2 oder V4 – so, wie der Service es erwartet. Code FT_SIMULATION/. Verzögerung | Die echte Antwort kommt später (bis 120.000 ms). Bei $batch wartet der ganze Batch. Leeres Ergebnis | Listen leer, $count liefert 0, eine einzelne Entität 404. Nur für Lesezugriffe. Eigenes JSON | Dein JSON-Body mit Status 200–599. Netzwerkfehler | Keine Antwort, als ob die Verbindung abbricht. Bei $batch scheitert der ganze Batch. Sitzung abgelaufen (CSRF) | 403 mit x-csrf-token: Required für Änderungen. UI5 holt ein neues Token und wiederholt einmal; mit Immer scheitert auch die Wiederholung. Zu jeder Wirkung lässt sich eine Zusätzliche Verzögerung (ms) setzen. Die erste passende Regel gewinnt. Die App zeigt den simulierten Fehler wie einen echten. - Der Fehlerdialog der App mit Status und der Meldung aus der Regel. ### Die Regelliste Nach dem Test: Die Einmal-Regel ist aufgebraucht. - Der Schalter schaltet die Regel ein oder aus. Einschalten startet eine aufgebrauchte Regel neu. - Der Status: Aktiv, Aus oder Aufgebraucht. - Wie oft die Regel schon geantwortet hat, z. B. „1× simuliert“. Rechts daneben Regel bearbeiten und Regel löschen. Unter jeder Regel steht ihre Kurzfassung: Methode, Entity-Set, Wirkung und Zählung. Alles ausschalten über der Liste beendet alle Regeln auf einmal. ### Regel aus einem echten Request In der [OData-Konsole](https://fronttailor.com/doku/odata-konsole) steht im Detail eines Requests Fehler für diesen Request simulieren. Das öffnet den Editor mit Service, Entity-Set und Methode des Requests; bei einem $batch-Teil zusätzlich mit „nur $batch-Teile“. ### $batch und Changesets Regeln treffen direkte Requests und einzelne $batch-Teile, nie die Hülle. Ein simulierter Teil wird aus dem echten Request entfernt – Änderungen erreichen den Server also nicht. Die übrigen Teile gehen an den Server, seine Antwort wird mit den simulierten Teilen zusammengeführt. Changesets bleiben atomar: Ein Fehler beantwortet das ganze Changeset. Verzögerung, Netzwerkfehler und CSRF wirken auf den ganzen HTTP-Request. Auf PRODAuf einem als PROD markierten Host ist die Fehlersimulation gesperrt: „Produktivsystem: Die Fehlersimulation ist hier gesperrt.“ Schnellstarts, Editor und Schalter sind deaktiviert, und der Hintergrund der Extension lehnt neue Regeln ab, auch am Panel vorbei. Ausschalten geht immer. Siehe [Host-Profile und PROD](https://fronttailor.com/doku/host-profile-und-prod). ### Alle Knöpfe Knopf | Wirkung Einschalten (Schnellstart) | Regel anlegen und sofort aktivieren. Neue Regel | Editor für eine eigene Regel. Speichern und einschalten · Abbrechen | Regel übernehmen und aktivieren · Editor schließen. Schalter je Regel | Regel ein- oder ausschalten. Regel bearbeiten · Regel löschen | Editor öffnen · Regel entfernen. Alles ausschalten | Alle Regeln dieses Tabs abschalten. Ausschalten (Banner in der App) | Wie „Alles ausschalten“, direkt aus der Seite. ### Typische Probleme Problem | Lösung Die Regel greift nicht | Service oder Entity-Set passen nicht, oder eine frühere Regel trifft zuerst. Die Trefferzahl in der Liste zeigt, welche Regel antwortet. Fehler beim App-Start lassen sich nicht simulieren | Regel anlegen und die Seite neu laden. Mit aktiven Regeln hält FrontTailor OData-Requests beim Start kurz zurück (höchstens 1,5 Sekunden), bis die Regeln da sind. Leeres Ergebnis wirkt nicht beim Speichern | Es gilt nur für Lesezugriffe. Für Änderungen HTTP-Fehler oder den Schnellstart Server-Fehler beim Speichern nehmen. Erfolg in einem Changeset wird ignoriert | Changesets sind atomar; nur ein Fehler wirkt auf das ganze Changeset. Manche Requests werden nie simuliert | Synchrone XHR, navigator.sendBeacon und Requests des Service Workers der App erreicht die Simulation nicht. JSON-$batch (OData 4.01) wird nicht teilweise simuliert. Der Tab ist gesperrt | Die Fehlersimulation braucht ab Pro; auf PROD-Hosts ist sie immer gesperrt. Siehe [Lizenz und Editionen](https://fronttailor.com/doku/lizenz-und-editionen). ### Siehe auch - Funktionen im Überblick [Funktionen · OData](https://fronttailor.com/funktionen#odata) - Zum Nachlesen [Fullstack-Entwicklung mit SAP](https://www.rheinwerk-verlag.de/fullstack-entwicklung-mit-sap/) (SAP PRESS) - Zum Nachlesen [SAPUI5 – The Comprehensive Guide](https://www.sap-press.com/sapui5_6012/) (SAP PRESS) - Hilfe von Menschen [Release- und Transportqualität](https://fronttailor.com/leistungen#release) - Doku [OData-Konsole](https://fronttailor.com/doku/odata-konsole) - Doku [Host-Profile und PROD](https://fronttailor.com/doku/host-profile-und-prod) - Doku [Lizenz und Editionen](https://fronttailor.com/doku/lizenz-und-editionen) - Belege ADR-037 Häufige Fragen ### Kurz beantwortet. **Brauche ich für die Fehlersimulation einen Mock-Server?** Nein. FrontTailor beantwortet passende OData-Requests direkt im Browser. Der Server bekommt simulierte Requests gar nicht erst. **Merken andere Nutzer etwas von der Simulation?** Nein. Die Regeln gelten nur für deinen Tab und enden mit dem Schließen des Tabs. An keinen Server geht etwas. **Kann ich Fehler auf einem Produktivsystem simulieren?** Nein. Auf einem als PROD markierten Host ist die Fehlersimulation gesperrt, im Panel und im Hintergrund der Extension. Ausschalten bleibt immer möglich. **Welche Edition brauche ich?** Die Fehlersimulation gehört zu FrontTailor Pro. Deine Frage ist nicht dabei? Sprich mich an: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Schreib mir](https://fronttailor.com/kontakt) --- # SAPUI5 Performance messen: Profiler & Budgets · FrontTailor Quelle: https://fronttailor.com/doku/performance > Ladezeit einer SAPUI5- oder Fiori-App messen: Kennzahlen, Best-Practice-Prüfung mit Empfehlung, Performance-Budgets je App und Vergleich zweier Messungen. ## Performance Der Performance-Profiler misst, wie lange die App zum Starten braucht und woran es liegt: Requests, Bundles, Preload, asynchrones Laden, OData-Calls und blockierte Main-Threads. Jede Prüfung bekommt eine Ampel und eine konkrete Empfehlung. Der Profiler gehört zur Pro-Edition. **Edition** ab Pro **Tab** „Performance“ **Budgets teilen** per Team-Sync mit Team **Oberflächen** DevTools-Panel und Side-Panel **Auf PROD** Messen erlaubt, Tiefenprofil gesperrt Diese Seite beantwortet - Warum braucht meine Fiori-App so lange zum Starten? - Fehlt der Component-Preload, und lädt UI5 synchron? - Ist die App seit dem letzten Release langsamer geworden? - Wie lege ich Performance-Budgets für eine App fest? ### Der Tab im Überblick Öffne in den DevTools (F12) das Panel FrontTailor oder das Side-Panel und wähle den Tab Performance. Oben stehen die Optionen der Messung, darunter nach der ersten Messung der Bericht. In der Seite läuft nichts, bevor du Messung starten klickst. Die Optionen vor der ersten Messung. Ohne Profiler Companion ist das Tiefenprofil ausgegraut. - Seite neu laden misst den vollständigen Start der App (empfohlen). Aktuelle Seite ohne Neuladen wertet aus, was seit dem letzten Laden passiert ist. - Ohne Browser-Cache (Kaltstart) lädt am HTTP-Cache vorbei neu; der Theme-Cache wird dann nicht bewertet. - UI5-Messungen (sap-ui-measure) lädt mit sap-ui-measure=true neu und liefert die Renderzeit je Control-Typ direkt aus UI5. - Tiefenprofil (CPU, Chrome-Debugger): CPU-Zeit je UI5-Bibliothek und App-Funktion, siehe unten. - Messung starten. ### Eine Messung starten - Öffne die App im Browser und wähle im Panel den Tab Performance. - Lass Seite neu laden gewählt. Für einen Kaltstart setze zusätzlich Ohne Browser-Cache (Kaltstart). - Klicke Messung starten. Der Profiler lädt die Seite neu und wartet, bis sie ruhig ist: 1,5 Sekunden ohne neue Requests, höchstens 18 Sekunden. - Der Bericht erscheint und wird als Messung gespeichert. Gib ihr im Feld Name der Messung einen Namen, etwa „vor Preload-Fix“. Wird die Seite in der Wartezeit nicht ruhig, steht über dem Bericht „Die Seite wurde innerhalb der Wartezeit nicht ruhig; späte Requests können fehlen.“ Gespeichert wird die Adresse ohne Query-String. Auf PRODEine Messung liest nur und ist deshalb auch auf einem als PROD markierten Host ([Host-Profile und PROD](https://fronttailor.com/doku/host-profile-und-prod)) erlaubt. Gesperrt ist dort nur das Tiefenprofil, weil es einen Debugger an den Tab hängt: „Auf PROD-Systemen gesperrt: Das Tiefenprofil hängt einen Debugger an den Tab. Der Basisbericht funktioniert.“ ### Der Bericht Kopf des Berichts und das Performance-Budget der Freestyle-Demo-App mit den Standardwerten. - Name der Messung – erscheint in der Liste der gespeicherten Messungen und im Export. Daneben die Zusammenfassung der Ampeln: kritisch, prüfen, gut. - Als Markdown kopieren, Markdown herunterladen und Druckansicht (siehe Export). - Das Urteil des Budgets: „Budget eingehalten.“ oder welche Budgets überschritten sind. - Budget bearbeiten öffnet die Grenzwerte dieser App (siehe Budgets). - Woher das Budget stammt: Standardbudget, Eigenes Budget oder Team-Budget. Darunter folgen die Abschnitte des Berichts: Abschnitt | Inhalt Kennzahlen | Zeit bis interaktiv, Erster Inhalt (FCP), Größter Inhalt (LCP), UI5-Core geladen, Requests, Übertragen, Unkomprimiert, Einzelne UI5-Module, OData-Requests, Langsamster OData-Call, Blockierzeit gesamt Zeitachse | Erstes Byte, UI5-Core, Component-Preload, Erstes OData, FCP, LCP, Interaktiv und Load-Event auf einer Achse, lange Tasks als rote Balken Best-Practice-Prüfung | jede Regel mit Ampel, Messwert und Empfehlung (siehe unten) Requests und Größen | Anzahl, übertragene und unkomprimierte Größe je Gruppe: UI5, App, OData, Theme und Schriften, FrontTailor, Sonstige Größte Ressourcen | die größten Dateien mit Größe und Dauer Langsamste OData-Calls | Request, Start, Dauer und Status; Quelle ist die [OData-Konsole](https://fronttailor.com/doku/odata-konsole), sonst Resource Timing Rendering-Hotspots | Skriptzeit in langen Animation-Frames je Funktion – mit UI5-Messungen die Renderzeit je Control-Typ CPU (Tiefenprofil) | Eigenzeit je Gruppe und Bibliothek, nur mit Tiefenprofil Kennzahlen und Zeitachse. Der farbige Rand jeder Kachel ist ihre Ampel. - Zeit bis interaktiv ist eine Näherung: der Zeitpunkt, ab dem die Seite ruhig war. - Die Zeitachse zeigt, in welcher Reihenfolge die App lädt und wo lange Tasks den Main-Thread blockieren. Unter den Kennzahlen steht die Karte Performance-Tipps: lokale Prüfungen über Messung, OData-Log und Lade-Befunde – ohne KI. Mit eigenem Schlüssel kann die KI die Messung zusätzlich erklären, siehe [KI-Assistent](https://fronttailor.com/doku/ki). ### Best-Practice-Prüfung Jede Regel bekommt eine Bewertung: Gut, Prüfen, Kritisch oder Info. Bei Prüfen und Kritisch steht neben der Glühbirne, was du ändern solltest. Die kritischen Befunde stehen oben. Die Demo-App lädt ohne Preload-Bundles – der Profiler nennt die Ursache und die Abhilfe. - Regel, Ampel und Messwert. - Die Empfehlung, hier: die übrigen Befunde abarbeiten, weil Preload-Bundles, asynchrones Laden, weniger Requests und $batch den Start am meisten verkürzen. Die Grenzen sind Faustregeln von FrontTailor, keine Grenzwerte von SAP: Prüfung | Gut bis | Prüfen bis | Kritisch über Zeit bis interaktiv (Näherung) | 3 s | 6 s | 6 s Anzahl Requests | 80 | 150 | 150 Downloadgröße (übertragen) | 2,5 MB | 5 MB | 5 MB Einzelne UI5-Module (Library-Preload) | 15 | 60 | 60 OData-Requests ohne $batch | 3 | 10 | 10 Langsamster OData-Call | 1 s | 3 s | 3 s Blockierzeit (Blockierter Main-Thread) | 300 ms | 1 s | 1 s Dazu kommen Regeln ohne Schwelle: Ein fehlender Component-Preload ist kritisch, ebenso ein synchroner Loader (Asynchrones Laden) oder synchrones Routing (Asynchrones Routing). Eine Warnung gibt es, wenn das Manifest erst nach dem Komponenten-Code kommt (Manifest first), wenn mehr als zwölf Bibliotheken ohne lazy deklariert sind (Lazy Loading), wenn das Theme-CSS nicht aus dem Cache kommt (Theme-Cache) und wenn der Debug-Modus an ist. ### Performance-Budgets je App Ein Budget legt für eine App Grenzwerte fest. Jede Messung dieser App wird dagegen geprüft, das Urteil steht oben im Bericht. Die App erkennt FrontTailor an sap.app.id, die Version an applicationVersion im Manifest. Kennzahl | Standard Startzeit (TTI) | 3,0 s Requests | 80 Übertragen | 2,5 MB Größtes App-Bundle | 1,0 MB Synchrone Requests | 0 $batch-Requests | 5 Renderzeit (LCP) | 2,5 s - Miss die App einmal, damit FrontTailor App-ID und Version kennt. - Klicke in der Karte Performance-Budget auf Budget bearbeiten. - Passe die Grenzwerte an oder schalte Kennzahlen aus; ausgeschaltete werden nicht überwacht. Unter Notiz hältst du fest, woher der Wert kommt, etwa aus dem Release-Review. - Klicke Speichern. Die Karte zeigt jetzt Eigenes Budget; Auf Standard zurücksetzen holt die Standardwerte zurück. Der Dialog Budget für … mit den Standardwerten. Die Tabelle der Karte zeigt je Kennzahl Gemessen, Budget und Status (Im Budget, Überschritten, Nicht überwacht, Nicht gemessen). Ein Klick auf eine Kennzahl zeigt ihren Verlauf über die gespeicherten Messungen mit App-Version; die gestrichelte Linie ist das Budget. Der Verlauf erscheint ab zwei gespeicherten Messungen der App. So steht im Urteil etwa „Startzeit (TTI) +38 % seit Version 1.4.0“. Exportieren schreibt die Budgets aller Apps als JSON, auch für CI-Skripte; Importieren liest sie wieder ein. Mit ab Team verteilt Team-Sync die Budgets an alle im Team ([Team-Sync](https://fronttailor.com/doku/team-sync)). Gibt eine Administration ein Budget vor, lässt es sich im Panel nicht ändern. ### Messungen speichern und vergleichen Jede Messung landet in der Karte Gespeicherte Messungen: je App die letzten zehn plus je eine aus älteren App-Versionen. Gespeichert wird lokal im Browser, ohne Query-Strings. Anzeigen holt einen alten Bericht zurück, Messung löschen entfernt ihn. - Miss vor der Änderung und gib der Messung einen Namen. - Ändere die App – etwa Preload-Bundles bauen – und miss erneut. - Wähle in Gespeicherte Messungen die Messungen für Vorher und Nachher und klicke Vergleichen. - Die Karte Vergleich zeigt jede Kennzahl mit Vorher, Nachher und Änderung (besser, schlechter, unverändert), darunter jede Prüfung mit beiden Ampeln. Vergleich schließen kehrt zum Bericht zurück. Zwei Messungen der Demo-App im Vergleich. Auch der Vergleich lässt sich als Markdown kopieren. - Kennzahl mit Vorher, Nachher und Änderung in Zeit und Prozent. - Vergleich schließen. ### Export und Druckansicht Button | Ergebnis Als Markdown kopieren | Bericht oder Vergleich als Markdown mit Tabellen in der Zwischenablage, etwa für ein Ticket oder einen Pull Request Markdown herunterladen | derselbe Inhalt als .md-Datei Druckansicht | statische HTML-Seite in einem neuen Tab, zum Drucken oder Speichern als PDF über den Browser FrontTailor schickt keinen Bericht irgendwohin: Alle drei Wege bleiben in deinem Browser. ### Tiefenprofil mit dem Profiler Companion Das Tiefenprofil zeichnet CPU-Zeit je UI5-Bibliothek und App-Funktion sowie alle Netzwerk-Requests über den Chrome-Debugger auf. Dafür braucht es die kostenlose Zusatz-Extension FrontTailor Profiler Companion: Sie hält die Chrome-Berechtigung debugger, FrontTailor selbst braucht sie deshalb nicht. - Ist der Companion nicht installiert, steht unter der Option ein Hinweis mit Profiler Companion installieren. Nach der Installation klicke Erneut prüfen. - Setze Tiefenprofil (CPU, Chrome-Debugger) und klicke Messung starten. - Während der Messung zeigt Chrome die Leiste „FrontTailor Profiler Companion hat mit dem Debuggen dieses Browsers begonnen“. Sie verschwindet am Ende der Messung; wer sie schließt, bricht das Tiefenprofil ab – der Basisbericht bleibt vollständig. - Der Bericht enthält dann den Abschnitt CPU (Tiefenprofil) mit Eigenzeit je Gruppe, Bibliothek und Funktion. Das Tiefenprofil endet spätestens nach 90 Sekunden. In Firefox gibt es es nicht, weil es den Chrome-Debugger braucht. ### Typische Probleme Was du siehst | Ursache und Lösung „Noch keine Messung. Starten Sie eine, um den Bericht zu sehen.“ | Der Profiler misst nur auf Klick. Klicke Messung starten. „… nicht ruhig; späte Requests können fehlen.“ | Die App lädt nach 18 Sekunden noch nach, etwa durch Polling. Der Bericht ist trotzdem brauchbar; späte Requests fehlen. Theme-Cache ist Info statt bewertet | Bei Ohne Browser-Cache (Kaltstart) wird der Theme-Cache nicht bewertet. Rendering-Hotspots nennen keine Control-Typen | Schalte UI5-Messungen (sap-ui-measure) ein, um die Renderzeit je Control-Typ zu sehen. Tiefenprofil ist ausgegraut | Der Profiler Companion fehlt oder ist zu alt, der Browser hat keinen Chrome-Debugger, oder der Host ist als PROD markiert. Der Hinweis unter der Option nennt den Grund. Kein Budget-Urteil | Die Seite hat keine App-Komponente (kein sap.app.id) oder alle Kennzahlen sind ausgeschaltet: „Für diese App ist kein Budget aktiv.“ ### Siehe auch - Funktionen im Überblick [Funktionen · Performance](https://fronttailor.com/funktionen#performance) - Zum Nachlesen [SAPUI5 – The Comprehensive Guide](https://www.sap-press.com/sapui5_6012/) (SAP PRESS) - Hilfe von Menschen [Fiori-Performance-Review](https://fronttailor.com/leistungen#performance) - Doku [OData-Konsole](https://fronttailor.com/doku/odata-konsole) - Doku [Host-Profile und PROD](https://fronttailor.com/doku/host-profile-und-prod) - Doku [KI-Assistent](https://fronttailor.com/doku/ki) - Belege ADR-016 · ADR-044 Häufige Fragen ### Kurz beantwortet. **Wie messe ich die Ladezeit einer SAPUI5-App?** Im Panel FrontTailor den Tab Performance öffnen, Seite neu laden gewählt lassen und Messung starten klicken. Der Profiler lädt die Seite neu, wartet, bis sie ruhig ist, und zeigt Kennzahlen, Zeitachse und eine Best-Practice-Prüfung mit Empfehlungen. **Darf ich den Profiler auf PROD verwenden?** Ja. Eine Messung liest nur und ist deshalb auch auf PROD erlaubt. Gesperrt ist dort nur das Tiefenprofil, weil es einen Debugger an den Tab hängt. **Welche Edition brauche ich für Performance-Budgets?** Profiler und Budgets gehören zur Pro-Edition. Budgets per Team-Sync mit dem ganzen Team teilen geht mit der Team-Edition; als JSON exportieren geht schon mit Pro. **Schickt der Profiler Messdaten an einen Server?** Nein. Messungen bleiben lokal im Browser, ohne Query-Strings. Export als Markdown und Druckansicht passieren nur auf Klick und bleiben in deinem Browser. Deine Frage ist nicht dabei? Sprich mich an: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Schreib mir](https://fronttailor.com/kontakt) --- # UI5 Cache leeren & Debug-Modus per Klick · FrontTailor Quelle: https://fronttailor.com/doku/werkzeuge > Werkzeuge für UI5-Entwickler: Caches leeren, sap-ui-debug nur für eigenen Code, URL-Vorlagen, App-Sprache, Im Editor öffnen und Deployment-Prüfung. ## Werkzeuge Der Tab Werkzeuge bündelt die Handgriffe, die UI5-Entwickler jeden Tag brauchen: Caches gezielt leeren, Debug-Quellen nur für den eigenen Code laden, Theme, RTL oder Sprache per URL-Parameter setzen, vom Control in den Editor springen und prüfen, ob der Browser die deployte Version fährt. Alles davon gehört zur kostenlosen Community-Edition. **Edition** Community **Tab** „Werkzeuge“ **Tastenkürzel** Alt+Shift+K (Befehlspalette) **Oberflächen** DevTools-Panel und Side-Panel **Auf PROD** Neu laden mit Parametern erlaubt, Resets und UI5-Version gesperrt Diese Seite beantwortet - Wie leere ich den Cache einer UI5-App, ohne den ganzen Browser-Cache zu löschen? - Wie debugge ich nur meinen eigenen Code, ohne dass UI5 langsam wird? - Wie springe ich vom Control direkt in die View-Datei in VS Code? - Läuft im Browser die Version, die deployt ist? - Wie teste ich die App in einer anderen Sprache oder von rechts nach links? ### Der Tab im Überblick Öffne in den DevTools (F12) das Panel FrontTailor oder das Side-Panel und wähle den Tab Werkzeuge. Er besteht aus Karten, die du auf- und zuklappen kannst; der Zustand bleibt gespeichert. Im DevTools-Panel stehen die Karten ab etwa 1100 Pixel Breite in zwei Spalten, im Side-Panel in einer. Cache und Debug-Schalter stehen ganz oben im Tab. - Wie viele Cache-Ziele ausgewählt sind. Ziele, die die Seite nicht hat, zählen nicht mit. - Zurücksetzen und neu laden löscht die gewählten Ziele – mit doppelter Bestätigung (siehe Cache). - Neu laden ohne Cache lädt die Seite am HTTP-Cache vorbei neu und löscht nichts. - Die Debug-Schalter: URL-Parameter vor dem #, darunter die Adresse des UI5-Bootstraps. - Anwenden und neu laden wird aktiv, sobald du einen Schalter änderst. Karte | Wofür Cache | gecachte App-Daten löschen und ohne Cache neu laden Debug-Schalter | Debug-Quellen, Preload aus, View-Cache aus, Theme als URL-Parameter Nur eigenen Code debuggen | Debug-Quellen nur für den Namensraum der App URL-Vorlagen und Profile | fertige Parameter-Sätze und eigene Profile je Host Sprache | App-Sprache und RTL umstellen, um die i18n-Texte zu testen Im Editor öffnen | Editor und Pfadzuordnung für den Sprung zur Quelldatei Deployment | laufende Version gegen Server, Cache-Buster-Tokens Flex & Adaptionen | Layer, Sichten und Key-User-Versionen, eigene Personalisierung zurücksetzen UI5-Version (CDN) | die App in diesem Tab mit einer anderen UI5-Version vom SAP-CDN laden Weitere Werkzeuge | Support Assistant, Technische Informationen und Befehlspalette Favoriten der Palette | angeheftete und zuletzt verwendete Aktionen der [Befehlspalette](https://fronttailor.com/doku/command-palette) UI5-Log | Log-Level und Live-Einträge von sap/base/Log Alle Schalter, die neu laden, setzen ihre Parameter vor den Hash der Adresse. Der Launchpad-Hash (#Objekt-aktion?…&/route) und fremde Parameter bleiben Zeichen für Zeichen erhalten. ### Cache gezielt leeren - Wähle in der Karte Cache die Ziele: Browser-Cache, Service Worker, Web Storage, UI5-Cache und im Launchpad Launchpad-Personalisierung. - Klicke Zurücksetzen und neu laden. - Der Dialog Caches zurücksetzen? nennt alle Ziele. Kreuze Mir ist klar, dass diese Daten gelöscht werden. an – erst dann wird Zurücksetzen aktiv. - FrontTailor löscht die Ziele, lädt die Seite ohne Cache neu und zeigt je Ziel erledigt, übersprungen, nicht verfügbar oder fehlgeschlagen. Ziel | Was gelöscht wird Browser-Cache | HTTP-Cache und Cache Storage nur der Domain des Tabs, nie global. Braucht einmalig die Berechtigung „Browserdaten löschen“; der Browser fragt beim ersten Zurücksetzen. Service Worker | Registrierungen und deren Cache Storage Web Storage | LocalStorage und SessionStorage der App UI5-Cache | der UI5-CacheManager (IndexedDB) Launchpad-Personalisierung | die gesamte Launchpad-Personalisierung deines Benutzers; nur, wenn das Launchpad das unterstützt, mit eigener Bestätigung Cookies und Passwörter fasst FrontTailor nie an. ### Debug-Schalter Schalter | Parameter Debug-Quellen | sap-ui-debug=true – alle Module unminifiziert, spürbar langsamer Component-Preload aus | sap-ui-xx-componentPreload=off View-Cache aus | sap-ui-xx-viewCache=false Flexibility-Services | sap-ui-flexibilityServices=/ – UI5 liest diesen Wert nicht aus der URL; der Schalter hat derzeit keine Wirkung. Theme | sap-ui-theme, Auswahl aus der Liste Ein Tag im Kopf der Karte zeigt, wie viele Schalter in der Seite gerade aktiv sind und wie viele Änderungen ausstehen. Anwenden und neu laden setzt die Parameter und lädt den Tab neu. ### Nur eigenen Code debuggen sap-ui-debug=true lädt alle Module als Debug-Quellen – im Launchpad dauert das oft Minuten. Meist reicht der eigene Code. Die Karte Nur eigenen Code debuggen setzt dafür sap-ui-debug auf den Namensraum der App. Der Namensraum der Demo-App ist erkannt; UI5 selbst bleibt optimiert. - Erkannte Namensräume der geladenen Apps, als Kästchen. Weitere, etwa eine Bibliothek des Teams, trägst du darunter ein und klickst Hinzufügen. - Lädt neu mit: der Parameter, mit dem neu geladen wird. - Neu laden: nur eigener Code. Debug ausschalten entfernt den Parameter wieder. - Öffne die Karte Nur eigenen Code debuggen und prüfe die erkannten Namensräume. - Klicke Neu laden: nur eigener Code. - Nach dem Neuladen steht im Kopf der Karte Eigener Code. Deine Module kommen als -dbg.js mit Kommentaren, die UI5-Bibliotheken bleiben gebündelt. Gebaute Apps (ui5 build) haben -dbg-Dateien; fehlt eine, lädt UI5 die normale Datei. Im Launchpad steht der Parameter in der äußeren URL; für eine App im iframe ergänzt FrontTailor sap-iframe-params=sap-ui-debug, damit das Launchpad ihn weitergibt. ### URL-Vorlagen und Profile Zwei Vorlagen angekreuzt – ein Klick lädt mit beiden neu. - Vorlagen ankreuzen. Mehrere lassen sich kombinieren; Vorlagen mit demselben Parameter schließen sich aus. - Neu laden mit Auswahl – die Zahl nennt die gewählten Vorlagen. - Als Profil speichern legt die Auswahl als Profil für diesen Host ab. Vorlage | Parameter Horizon Dark | sap-ui-theme=sap_horizon_dark Rechts nach links (RTL) | sap-ui-rtl=true Barrierefreiheit | sap-ui-theme=sap_horizon_hcb und sap-ui-animationMode=none Eigenen Code debuggen | sap-ui-debug= mit den Namensräumen der App Alles debuggen | sap-ui-debug=true Ohne Component-Preload | sap-ui-xx-componentPreload=off Ohne Key-User-Anpassungen | sap-ui-fl-max-layer=CUSTOMER_BASE, nur bis UI5 1.119; nur Anzeige, nichts wird gelöscht Anmeldesprache | sap-language=, etwa DE, EN oder 1Q Mandant | sap-client=, dreistellig Vorlagen-Parameter entfernen nimmt die Parameter wieder aus der Adresse. Unter Gespeicherte Profile stehen bis zu 20 Profile je Host; Anwenden lädt mit einem Profil neu, Entfernen löscht es. Über Exportieren und Importieren tauschst du Profile als JSON aus. Profile nehmen nur sap-*-Parameter an und lehnen Namen ab, die nach Zugangsdaten aussehen (token, password, session …). ### Sprache und RTL Die Karte Sprache nennt auch die supportedLocales und die Ersatzsprache der App. - Sprache: setzt sap-ui-language in der URL. Die Liste enthält auch Testsprachen (SAP-Pseudosprachen). - Rechts nach links (RTL): sap-ui-rtl=true spiegelt das Layout, ohne die Sprache zu ändern. - Neu laden mit Sprache. - Ohne Neuladen umschalten: UI5 aktualisiert gebundene i18n-Texte und formatierte Datums- und Zahlenwerte sofort. Texte aus OData, Annotationen von Fiori Elements und fest im Code gesetzte Texte bleiben bis zum nächsten Neuladen in der alten Sprache. Browsersprache entfernt sap-ui-language und sap-ui-rtl wieder. Fehlende Übersetzungen findest du mit [Qualität: i18n & Barrierefreiheit](https://fronttailor.com/doku/i18n-und-barrierefreiheit). ### Im Editor öffnen Vom Control im Inspector oder von der sichtbaren View springst du direkt in die Quelldatei – bei XML-Views in die Zeile des Controls. Dafür sagst du FrontTailor einmal, welcher Editor es ist und in welchem lokalen Ordner die Dateien einer App liegen. - Öffne die Karte Im Editor öffnen und wähle unter Editor deinen Editor. - Klicke unter Pfadzuordnung auf den erkannten Namensraum der App oder auf Zuordnung hinzufügen. - Trag als Lokaler Ordner den absoluten Pfad ein, in dem die Dateien liegen – meist webapp, etwa /Users/ich/projekte/demo-freestyle/webapp oder C:\dev\app\webapp. - Klicke Speichern. Unter Aktuelle App stehen jetzt Views, Controller, Component.js und manifest.json als Links. - Im [Inspector](https://fronttailor.com/doku/inspector) wählst du ein Control und klickst Im Editor öffnen. Der Browser fragt, bevor er den Editor startet. Eine Zuordnung genügt: Namensraum der App → lokaler webapp-Ordner. - Editor: öffnet Dateien über sein Link-Schema. - Pfadzuordnung: Namensraum → Lokaler Ordner, mit Papierkorb zum Entfernen. - Speichern. - Aktuelle App: alle sichtbaren eigenen Views mit Controller, dazu Component.js und manifest.json. Das Symbol daneben liest die sichtbare View neu. Im Inspector: View mit Zeile und Controller des gewählten Buttons. - Im Editor öffnen in den Details des Controls. - Der Link auf die View, hier mit der Zeile, in der die ID des Controls steht. Darunter der Controller; Pfadzuordnung führt zur Karte. Editor | Link VS Code | vscode://file/… VS Code Insiders | vscode-insiders://file/… Cursor | cursor://file/… IntelliJ IDEA | idea://open?file=…&line=… WebStorm | webstorm://open?file=…&line=… - Bis zu 30 Zuordnungen. Gibt es für ft.demo und ft.demo.freestyle je eine, gewinnt der längere Namensraum. - Steht die ID nicht in der View, sucht FrontTailor in den eigenen Fragmenten der View (eine Ebene tief). Findet er sie nicht, öffnet der Link die View oben. - Views von Fiori Elements gehören zum Framework; dafür gibt es keine eigene Quelldatei. Component.js und manifest.json der App sind trotzdem verlinkt. - Die Zuordnung bleibt in diesem Browser: nicht in sync, nicht in Exporten oder Team-Paketen, weil lokale Pfade je Gerät verschieden sind. - Die Quelle der View liest FrontTailor nur vom Server der App selbst (same-origin); nichts geht an Dritte. ### Deployment prüfen Die Karte Deployment beantwortet die Frage nach jedem Transport: Läuft im Browser die Version, die auf dem Server liegt? Ein Klick auf Deploy prüfen vergleicht die App- und UI5-Version im Browser mit der deployten Version und die Cache-Buster-Tokens der geladenen Dateien mit dem aktuellen Index. Die Demo-App ist aktuell; sie lädt ihre Dateien ohne Cache-Buster-Token. - Das Urteil. - Je App-Komponente und für UI5: Version Läuft und Server mit Status. - Cache-Buster: Zähler für Dateien mit Token, App-Dateien ohne Token und veraltete Tokens, darunter die Liste – veraltete zuerst – und die ETag-Prüfung der Component.js. Urteil | Bedeutung „Der Browser läuft mit der deployten Version.“ | alles aktuell „Neuere Version deployed – Cache leeren und neu laden.“ | Der Button Cache leeren und neu laden löscht Service Worker, UI5-Cache und – falls schon freigegeben – den Browser-Cache und lädt neu; doppelte Bestätigung. „Die laufende Version weicht vom Server ab …“ | andere Version, aber nicht neuer: Rollback oder anderer Build „Keine Aussage möglich …“ | Der Server liefert keine vergleichbaren Versionsangaben, etwa ohne applicationVersion. Die Prüfung liest nur: Sie fragt manifest.json, sap-ui-cachebuster-info.json und sap-ui-version.json nach dem Klick beim eigenen Server der App ab, ohne Cache und ohne den Cache zu verändern. Andere Origins ruft sie nicht ab. Für Administratoren, die FrontTailor im Unternehmen verteilen, gibt es die eigene Seite [Enterprise-Deployment](https://fronttailor.com/doku/enterprise-deployment). ### Flex & Adaptionen Die Karte zeigt, ob SAPUI5 Flexibility für die App aktiv ist, welche Connectoren konfiguriert sind und wie viele Änderungen und Sichten auf welchem Layer (USER, CUSTOMER, VENDOR …) liegen, dazu jede Variantenverwaltung mit aktueller Sicht und Standardsicht und, soweit UI5 sie im Speicher hat, die Key-User-Versionen. Das Lesen schickt keine Requests. - Erneut prüfen liest den Stand neu. - Zurücksetzen löscht nur deine eigene Personalisierung im USER-Layer. Daneben gibt es Control zurücksetzen für die Änderungen an einem Control und Sichten zurücksetzen für die eigenen Sichten einer Variantenverwaltung. Key-User- und öffentliche Sichten bleiben erhalten. - Jeder Reset fragt doppelt nach und listet vorher die betroffenen Objekte. Lädt die App sap.ui.fl nicht – wie die Freestyle-Demo-App –, steht im Kopf der Karte sap.ui.fl nicht geladen. ### UI5-Version vom CDN Die Karte UI5-Version (CDN) lädt die App mit einer anderen UI5-Version vom offiziellen SAP-CDN – nur in diesem Tab und ohne Deployment. Eigene Bibliotheken außerhalb von sap/ und die App selbst bleiben auf dem Server. - Gib die Version ein. Versionsliste laden holt die Liste vom CDN – nur auf Klick, die Adresse steht daneben. - Klicke Einschalten und neu laden. Der Dialog zeigt genau, welche Adressen wohin umgeleitet werden, und warnt vor Grenzen wie der Content Security Policy der Seite. Lädt die App UI5 schon vom CDN, fragt der Browser zusätzlich nach der Freigabe für dessen Adresse. - Nach dem Neuladen steht über den Tabs ein Banner mit der aktiven Version. Override ausschalten stellt die ursprüngliche Version wieder her; das geht immer, auch auf PROD. Den Override beenden auch das Schließen des Tabs und ein Neustart des Browsers. Bei einer strengen Content Security Policy der Seite startet UI5 mit der umgeleiteten Version nicht; der Banner zeigt das an. ### Weitere Werkzeuge, Palette und UI5-Log Element | Wirkung Support Assistant · Starten | prüft die App gegen UI5-Regeln; lädt aus den UI5-Ressourcen der App Technische Informationen · Öffnen | das UI5-Diagnosefenster der App Befehlspalette | zeigt das Tastenkürzel (Alt+Shift+K); Tastenkürzel ändern öffnet chrome://extensions/shortcuts. Alles zur Palette: [Befehlspalette](https://fronttailor.com/doku/command-palette) Favoriten der Palette | angeheftete und zuletzt verwendete Aktionen verwalten UI5-Log · Log-Level, Live anzeigen | Einträge von sap/base/Log live im Panel, filterbar nach Komponente und Text, Nur Deprecations, Leeren. Die Brücke läuft nur, solange die Karte offen und Live anzeigen an ist. Viele Aktionen des Tabs gibt es auch in der Palette und im Popup der Extension (Cache-Reset, Debug an/aus, URL-Profile). Sie laufen über dieselben Prüfungen. ### Auf PROD Auf PRODIst der Host als PROD markiert ([Host-Profile und PROD](https://fronttailor.com/doku/host-profile-und-prod)), sperrt FrontTailor alles, was Daten löscht oder die Laufzeit ändert: Cache-Reset, Cache leeren und neu laden, den Flex-Reset und die UI5-Version vom CDN. Die Karten zeigen im Kopf das Tag PROD – gesperrt, der Dialog nur den Sperrhinweis. Die Sperre sitzt im Hintergrund der Extension und greift auch für Palette und Popup. Neu laden mit Parametern – Debug-Quellen, Theme, RTL, Sprache, Mandant – bleibt erlaubt, weil es nur deinen eigenen Tab betrifft; das Setzen von sap-ui-layer und sap-ui-flexibilityServices lehnt FrontTailor auf PROD ab. ### Typische Probleme Was du siehst | Ursache und Lösung „Berechtigung nicht erteilt: Der Browser-Cache wird übersprungen.“ | Die Berechtigung „Browserdaten löschen“ wurde abgelehnt. Die anderen Ziele laufen trotzdem; beim nächsten Zurücksetzen fragt der Browser erneut. Nach Neu laden: nur eigener Code sind die Dateien weiter minifiziert | Die App ist nicht mit ui5 build gebaut und hat keine -dbg-Dateien; UI5 lädt dann die normale Datei. „Keine Pfadzuordnung für …“ im Inspector | Für den Namensraum fehlt die Zuordnung. Klicke Zuordnung einrichten – die Karte Im Editor öffnen klappt auf. Klick auf einen Editor-Link tut nichts | Der Editor ist nicht installiert oder hat sein Link-Schema nicht registriert. Der Browser fragt vor dem Start; ohne Editor passiert nichts. Ohne Key-User-Anpassungen ist ausgegraut | Ab UI5 1.120 liest UI5 die oberste Schicht nur aus der Flex-Sitzung. Nutze die Karte Flex & Adaptionen. Nach dem Einschalten der UI5-Version startet die App nicht | Meist blockiert die Content Security Policy die Skripte vom CDN. Klicke Override ausschalten. ### Siehe auch - Funktionen im Überblick [Funktionen · Werkzeuge & Entwickler-Komfort](https://fronttailor.com/funktionen#inspector) - Zum Nachlesen [SAPUI5 – The Comprehensive Guide](https://www.sap-press.com/sapui5_6012/) (SAP PRESS) - Zum Nachlesen [SAP Fiori Elements – Grundlagen, Entwicklung und Erweiterung](https://www.rheinwerk-verlag.de/sap-fiori-elements/) (SAP PRESS) - Hilfe von Menschen [Hands-on-Workshops zu SAPUI5, Fiori Elements, OData und CAP](https://fronttailor.com/leistungen#hands-on) - Doku [Inspector](https://fronttailor.com/doku/inspector) - Doku [Befehlspalette](https://fronttailor.com/doku/command-palette) - Doku [Qualität: i18n & Barrierefreiheit](https://fronttailor.com/doku/i18n-und-barrierefreiheit) - Belege ADR-008 · ADR-039 · ADR-011 · ADR-012 · ADR-024 Häufige Fragen ### Kurz beantwortet. **Wie leere ich den Cache einer SAPUI5-App?** Im Tab Werkzeuge in der Karte Cache die Ziele wählen (Browser-Cache der Domain, Service Worker, Web Storage, UI5-Cache) und Zurücksetzen und neu laden klicken. Nach der Bestätigung lädt die Seite ohne Cache neu. Gelöscht wird nur für die Domain des Tabs. **Wie debugge ich nur meinen eigenen UI5-Code?** Die Karte Nur eigenen Code debuggen setzt sap-ui-debug auf den Namensraum der App, etwa sap-ui-debug=ft/demo/freestyle/. Nur diese Module laden als -dbg.js, UI5 selbst bleibt gebündelt und schnell. **Wie öffne ich eine UI5-View aus dem Browser in VS Code?** Einmal in Werkzeuge › Im Editor öffnen den Editor wählen und den Namensraum der App einem lokalen Ordner zuordnen. Danach öffnet Im Editor öffnen im Inspector die View in der Zeile des Controls; der Browser fragt vorher. **Kann ich die Werkzeuge auf PROD verwenden?** Teilweise. Neu laden mit Debug-Quellen, Theme, Sprache oder Mandant ist erlaubt, weil es nur den eigenen Tab betrifft. Cache-Reset, Flex-Reset und die UI5-Version vom CDN sind auf PROD gesperrt. Deine Frage ist nicht dabei? Sprich mich an: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Schreib mir](https://fronttailor.com/kontakt) --- # Fiori Launchpad: Kachel und Target Mapping prüfen · FrontTailor Quelle: https://fronttailor.com/doku/launchpad-inspector > Welche App steckt hinter einer Kachel im Fiori Launchpad? Kachel anklicken und Intent, Target Mapping, Space, Page und Komponente sehen – ohne die App zu öffnen. ## Launchpad Inspector Der Launchpad Inspector beantwortet die häufigste Frage im Betrieb von SAP Fiori®-Launchpads: Welche App öffnet diese Kachel, und warum? Du klickst eine Kachel an und siehst Intent, Target Mapping, Platzierung und die aufgelöste Komponente – dazu einen Steckbrief des Launchpads und die registrierten Shell-Plugins. Der Tab gehört zur Enterprise-Edition. **Edition** ab Enterprise **Tab** „Launchpad“ **Oberflächen** DevTools-Panel und Side-Panel **Launchpads** ABAP, zentrales Launchpad, SAP Build Work Zone, Sandbox **Auf PROD** erlaubt – der Tab ändert nichts Diese Seite beantwortet - Welche App öffnet diese Kachel im Fiori Launchpad? - Über welches Target Mapping wird ein Intent aufgelöst? - In welchem Space, auf welcher Page liegt eine Kachel? - Welche Launchpad-Variante und UI5-Version läuft auf diesem System? ### Der Tab im Überblick Öffne die App im Launchpad, dann in den DevTools (F12) das Panel FrontTailor oder das Side-Panel, und wähle den Tab Launchpad. Der Tab liest das Launchpad nur aus; er ändert keine Kachel, keine Rolle und keine Einstellung. Der Tab am Demo-Launchpad (Launchpad-Sandbox), noch ohne gewählte Kachel. - Kachel wählen startet den Auswahlmodus. Daneben liest Aktualisieren das Launchpad neu. - Als Markdown kopieren legt den ganzen Stand in die Zwischenablage; das Menü Exportieren daneben bietet Als JSON kopieren, JSON herunterladen und Markdown herunterladen. - Die erkannte Variante des Launchpads. - Der Systemsteckbrief: Plattform, Launchpad-Version (sap.ushell), UI5-Version, Theme, Sprache, Benutzer, Spaces und Pages, Start-Intent – je nach Launchpad auch System, Mandant, Systemrolle, Produkt und Content-Provider. Darunter listet Shell-Plugins die Plugins, die das Launchpad registriert hat, mit ihrer Komponente und – falls abgeschaltet – dem Vermerk deaktiviert. Wechselst du im Launchpad zu einer anderen App oder zurück zur Startseite, liest der Tab den Stand von selbst neu; im Hintergrund fragt er nichts ab. ### Eine Kachel untersuchen - Klicke Kachel wählen. Im Panel steht: „Auswahlmodus aktiv: Klicken Sie im Launchpad auf eine Kachel, um sie zu untersuchen. Der Klick öffnet die App nicht.“ - Fahre im Launchpad über die Kacheln. Ein Rahmen zeigt die Kachel unter dem Zeiger. - Klicke die Kachel an. Die App öffnet sich nicht; die Kachel bleibt kurz markiert. Esc oder Auswahl beenden bricht ab. - Im Tab erscheint die Karte Gewählte Kachel mit den drei Abschnitten unten. Im Auswahlmodus beschriftet der Rahmen die Kachel unter dem Zeiger. Die gewählte Kachel: Intent #FTProduct-display, aufgelöst auf die Komponente ft.demo.freestyle. - Kachel: Titel, Untertitel, Ziel, Art (Intent oder URL), Visualisierung, Visualisierungstyp und das Control im Launchpad. - Platzierung: Space, Page und Abschnitt – bei klassischen Launchpads Gruppe und Kataloge. - Target Mapping und Auflösung: Intent, Quelle, Business-App, Inbound, Parameter, Anwendungstyp, Komponente, Komponenten-URL und Navigationsmodus. Die Quelle sagt, woher das Mapping stammt: Inbound der Site (das Launchpad liefert seine Inbounds an den Browser) oder Auflösung des Launchpads. Ein ABAP-Launchpad hält Target Mappings auf dem Server; dann zeigt der Tab den Hinweis „Dieses Launchpad hält Target Mappings auf dem Server: Im Browser ist nur das Ergebnis der Auflösung sichtbar.“ Hat ein Inbound Parameter, stehen sie in einer Tabelle mit Pflicht, Default und Filter. ### Die aktuelle App Ist im Launchpad eine App offen, zeigt Aktuelle App Titel, App-ID, Version, Intent, Anwendungstyp, Komponente, Komponenten-URL, Mindest-UI5-Version, Bibliotheken, wiederverwendete Komponenten und Startparameter. Auf der Startseite steht stattdessen, dass das Launchpad seine Startseite zeigt. Die Bestell-App der Demo im Launchpad: Komponente, Mindest-UI5-Version und geladene Bibliotheken. ### Erkannte Launchpads Variante im Tab | Bemerkung ABAP Fiori Launchpad | Target Mappings liegen auf dem Server; sichtbar ist das Ergebnis der Auflösung. Zentrales Launchpad (Content-Federation) | mit Content-Providern im Steckbrief SAP Build Work Zone, Standard Edition bzw. Advanced Edition | Erkennung teils aus der URL abgeleitet Launchpad-Sandbox | lokale Entwicklung, etwa das Demo-Launchpad Unbekanntes Launchpad | Es gibt einen sap.ushell-Container, aber keine bekannte Variante. Kann der Tab die Variante nur aus der URL erschließen, steht (aus der URL abgeleitet) dahinter. Fehlt einer Launchpad-Version eine Schnittstelle, nennt der Tab, was deshalb fehlt: „In dieser Launchpad-Version nicht verfügbar: …“ – etwa aktuelle App, Spaces oder registrierte Plugins. ### Ergebnis weitergeben Als Markdown kopieren passt in ein Ticket oder einen Chat; JSON eignet sich zum Vergleichen zweier Systeme. Alles entsteht lokal im Browser – FrontTailor sendet dabei nichts. Den Benutzer maskiert der Tab schon in der Anzeige: Initialen und E-Mail-Domain; Benutzer-ID und Name verlassen die Seite nie. Mit ab Pro steht oben rechts der KI-Einstieg Intent erklären – mit deinem eigenen Schlüssel, siehe [KI-Assistent](https://fronttailor.com/doku/ki). Auf PRODDer Tab ist auch auf einem als PROD markierten Host ([Host-Profile und PROD](https://fronttailor.com/doku/host-profile-und-prod)) vollständig nutzbar: Er liest nur, und der Klick im Auswahlmodus öffnet keine App. Wer das Modul im Unternehmen nicht will, schaltet es per Richtlinie ab. ### Typische Probleme Was du siehst | Ursache und Lösung Kein Launchpad | Die App läuft ohne Launchpad (kein sap.ushell-Container in der Seite). Öffne sie aus dem Launchpad. Eine Kachel in der Suche, im App Finder oder im Benutzermenü lässt sich nicht wählen | Diese Stellen erkennt der Auswahlmodus nicht. Wähle dieselbe Kachel auf einer Page oder in einer Gruppe. Kein Inbound, nur die Auflösung | Das Launchpad hält Target Mappings auf dem Server (ABAP). Das ist kein Fehler; die Auflösung zeigt, was tatsächlich gestartet wird. Variante mit (aus der URL abgeleitet) | Die Variante ist geschätzt. Prüfe sie im Zweifel im Steckbrief (Plattform, Content-Provider). Ohne Launchpad in der Seite zeigt der Tab nur diesen Hinweis. Geprüft ist der Launchpad Inspector an der Launchpad-Sandbox der Demo. ABAP-Launchpads mit Spaces und klassischen Gruppen sowie die Erkennung von SAP Build Work Zone und zentralem Launchpad sind an echten Systemen noch nicht abschließend getestet. ### Siehe auch - Funktionen im Überblick [Funktionen · betrieb](https://fronttailor.com/funktionen#betrieb) - Zum Nachlesen [SAP Business Technology Platform – Administration](https://www.rheinwerk-verlag.de/sap-business-technology-platform-administration/) (SAP PRESS) - Hilfe von Menschen [Launchpad, Rollen und Berechtigungen](https://fronttailor.com/leistungen#launchpad) - Doku [Rollen und Berechtigungen](https://fronttailor.com/doku/rollen-und-berechtigungen) - Doku [Health und Morgencheck](https://fronttailor.com/doku/health-und-morgencheck) - Doku [Host-Profile und PROD](https://fronttailor.com/doku/host-profile-und-prod) - Belege ADR-022 Häufige Fragen ### Kurz beantwortet. **Wie finde ich heraus, welche App eine Kachel im Fiori Launchpad öffnet?** Im Tab Launchpad auf Kachel wählen klicken und dann die Kachel anklicken. FrontTailor zeigt Intent, Target Mapping und die aufgelöste Komponente, ohne die App zu öffnen. **Sehe ich auf einem ABAP-Launchpad das Target Mapping?** Nur das Ergebnis der Auflösung. Ein ABAP-Launchpad hält Target Mappings auf dem Server; der Tab zeigt Komponente, URL und Anwendungstyp, mit denen die App tatsächlich startet. **Darf ich den Launchpad Inspector auf PROD verwenden?** Ja. Der Tab liest nur und ändert nichts am Launchpad. Den Benutzer zeigt er maskiert, mit Initialen und E-Mail-Domain. **In welcher Edition ist der Launchpad Inspector enthalten?** In der Enterprise-Edition. Die 7-tägige Testphase schaltet ihn ebenfalls frei. Deine Frage ist nicht dabei? Sprich mich an: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Schreib mir](https://fronttailor.com/kontakt) --- # Fiori-Apps überwachen: Health und Morgencheck · FrontTailor Quelle: https://fronttailor.com/doku/health-und-morgencheck > Backend-Latenz, Fehlerrate und Sitzung einer Fiori-App live sehen, Klickfolgen als synthetischen Check abspielen und jeden Morgen alle Apps per Ampel prüfen. ## Health und Morgencheck Zwei Tabs für den Betrieb von SAP Fiori®- und UI5-Apps: Health zeigt, wie es der App gerade geht – Latenz, Fehlerrate, Sitzung, Anmeldung und letzter Fehler – und spielt aufgezeichnete Klickfolgen als synthetischen Check ab. Der Morgencheck öffnet alle Apps einer Liste nacheinander und meldet per Ampel, was nicht startet. Beide gehören zur Enterprise-Edition. **Edition** ab Enterprise **Tabs** „Health“ und „Morgencheck“ **Datenquelle** Mitschnitt der OData-Konsole, kein eigener Request **Morgencheck** bis 20 Listen à 30 Apps, 7 Läufe je Liste **Auf PROD** Lesen und Morgencheck erlaubt, Abspielen von Klicks gesperrt Diese Seite beantwortet - Wie schnell antwortet das Backend meiner Fiori-App gerade? - Ist meine Sitzung oder das CSRF-Token abgelaufen? - Wie prüfe ich nach einem Transport, ob alle Apps starten? - Wie wiederhole ich eine Klickfolge und messe die Ladezeiten? ### Der Health-Tab Öffne in den DevTools (F12) das Panel FrontTailor oder das Side-Panel und wähle Health. Die Statusleiste oben rechnet aus dem Mitschnitt der [OData-Konsole](https://fronttailor.com/doku/odata-konsole): Sie sendet keinen eigenen Request, sondern wertet aus, was die App ohnehin mit ihrem Backend spricht. Im Side-Panel ist sie kompakt. Nach einem simulierten HTTP 500 ist Letzter Fehler rot; darunter die Aufzeichnungsleiste und die Karten des Tabs. - Backend-Latenz: Median und p95 der letzten 50 abgeschlossenen Requests. - Fehlerrate: Anteil der Antworten mit Status ab 400, Status 0 oder Netzwerkfehler – auch einzelne Teile eines $batch. - Sitzung: geschätzte Restzeit oder letzte Aktivität vor …. - Anmeldung & CSRF: 401 und 403 der letzten zwei Minuten und abgelehnte CSRF-Token. - Request anzeigen springt in die OData-Konsole und wählt den fehlgeschlagenen Request aus. Kennzahl | Gelb ab | Rot ab Backend-Latenz (p95) | 1 s | 3 s Fehlerrate | 5 % | 20 % Anmeldung (401/403 in zwei Minuten) | 1 | 3 CSRF | – | Token abgelehnt Wiederholungen aus der OData-Konsole zählen nicht mit. Ist die OData-Aufzeichnung für den Host abgeschaltet (Richtlinie oder eigene Entscheidung), sagt der Tab das, statt leere Werte zu zeigen. ### Sitzung und Token Wann die Server-Sitzung abläuft, weiß der Browser nicht: Das Cookie ist HttpOnly, und FrontTailor liest keine Cookies. Die Karte Sitzung & Token schätzt deshalb: - den Timeout aus der Konfiguration des Launchpads (dieselbe Einstellung, mit der das Launchpad seinen Abmelde-Dialog steuert) – mit Erinnerung und automatischer Abmeldung, falls gesetzt; - den Startpunkt aus dem letzten erfolgreichen Backend-Request; - eine neue Backend-Sitzung, wenn sich sap-contextid zwischen zwei Requests ändert. Die Restzeit ist als Schätzung gekennzeichnet; ICF, Approuter oder Identity Provider können eigene Timeouts haben. Ohne Launchpad steht dort nur „Kein Launchpad: Der Sitzungs-Timeout ist im Browser nicht sichtbar.“ Ist das ABAP-Add-on installiert ([Backend-Service](https://fronttailor.com/doku/rollen-und-berechtigungen#backend-service)), kommt der Timeout aus dem System statt aus dem Launchpad. Einen abgelehnten CSRF-Token (403 mit x-csrf-token: Required) meldet die Karte ausdrücklich: Sitzung oder Token sind abgelaufen, die App muss ein neues Token holen. ### Synthetischer Check Eine Klickfolge einmal aufzeichnen und bei Bedarf wiederholen – etwa nach einem Deployment, um Ladezeiten zu vergleichen. Die Aufzeichnungsleiste ist dieselbe wie in den Tabs Problem melden und Scaffolding; alle drei sehen dieselbe Aufzeichnung. - Klicke in der Aufzeichnungsleiste Aufzeichnen. Die Leiste zählt Schritte und Zeit (höchstens 200 Schritte und 10 Minuten). - Klicke dich in der App durch den Ablauf. Es zählen nur echte Klicks des Benutzers; eingegebener Text wird nur aufgezeichnet, wenn du Eingegebenen Text aufzeichnen (maskiert) anhakst. - Klicke Stoppen. Die Karte Synthetischer Check listet die Schritte. - Wähle den Timeout pro Schritt (5, 10 oder 30 s) und klicke Check ausführen. Zwei aufgezeichnete Klicks, abgespielt im selben Tab: Wartezeit, Ladezeit und Requests je Schritt. - Die Schritte mit Status, Wartezeit bis zum Control, Ladezeit und Anzahl der Requests. - Das Ergebnis: Check bestanden in … oder Check nach … fehlgeschlagen. - Check ausführen spielt die Folge im aktuellen Tab ab, beginnend am selben Location-Hash. Pro Schritt sucht der Check das Control, klickt es an und wartet, bis die Seite 500 ms ruhig ist. Findet er ein Control nicht (Control nicht gefunden) oder läuft die Zeit ab (Zeitüberschreitung), überspringt er die übrigen Schritte. Generierte IDs wie __button3 sind nach einem Neuladen oft anders; der Tab markiert solche Schritte mit generierte ID. Auf PRODAuf einem als PROD markierten Host ([Host-Profile und PROD](https://fronttailor.com/doku/host-profile-und-prod)) ist das Abspielen gesperrt: „Das Abspielen ist auf PROD-Systemen gesperrt: Es verändert den Zustand der App.“ Der Hintergrund der Extension lehnt den Check auch dann ab, wenn die Anfrage am Panel vorbei kommt. Kennzahlen lesen und aufzeichnen bleibt erlaubt. ### Der Morgencheck Statt jeden Morgen zehn Apps von Hand zu öffnen: Eine Prüfliste öffnet sie nacheinander in einem Hintergrund-Tab, wartet, bis jede zur Ruhe kommt, und schließt sie wieder. Nichts läuft, bevor du klickst. - Wähle den Tab Morgencheck und klicke Liste anlegen – oder Mit dieser App beginnen, dann steht die aktuelle App schon drin. - Trage Apps ein: eine URL oder eine Launchpad-Intent wie SalesOrder-display. Für Intents braucht die Liste die Launchpad-URL. Aktuelle App hinzufügen übernimmt die Seite des Tabs. - Speichern, dann Check starten. FrontTailor fragt im selben Klick einmal pro System nach Zugriff; Apps von Systemen ohne Zugriff bleiben grau. - Der Bericht füllt sich App für App. Abbrechen beendet den Lauf nach der laufenden App. Eine Prüfliste mit zwei Launchpad-Intents, einer CAP-App und einer veralteten URL. - Launchpad-URL (für Intents) – dort öffnet der Check jede Intent der Liste. - Apps öffnen in: Hintergrund-Tab oder eigenem Fenster. Browser bremsen Timer in Hintergrund-Tabs; ein eigenes Fenster misst näher am echten Start. Vergleiche nur Läufe derselben Art. - Die Apps der Liste, bis zu 30, je mit Name, Ziel und optional den Schritten einer gespeicherten Aufzeichnung. - Aktuelle App hinzufügen. Sitzungsgebundene Parameter wie sap-iapp-state entfernt FrontTailor dabei, Benutzer und Passwort in URLs beim Speichern. Einstellung der Liste | Standard Gelb ab (s) | 5 Rot ab (s) | 15 (nie unter Gelb) Zeitlimit pro App (s) | 60 Apps öffnen in | Hintergrund-Tab ### Bericht und Ampel Der zweite Lauf des Tages: Die alte URL liefert HTTP 404, die CAP-App hat einen Fehler im UI5-Log. - Lauf: Auswahl früherer Läufe mit ihrer Bilanz (grün, gelb, rot). - Eine rote App mit Grund – hier HTTP 404. Details klappt fehlgeschlagene Requests und UI5-Log-Fehler auf, App öffnen öffnet sie. - Der Vergleich mit dem letzten Lauf derselben Liste, etwa heute 2,7 s, jetzt 832 ms – zwei Läufe am selben Tag vergleicht er mit „heute“ und „jetzt“. - Export: Als Markdown kopieren, An Issue Reporter und Dateien als Markdown, CSV und HTML. Ampel | Wann Rot | HTTP-Fehler, Ladefehler, kein UI5, umgeleitet (etwa zum Identity Provider), Zeitüberschreitung, Schritte fehlgeschlagen, Start ab der Rot-Schwelle Gelb | Start ab der Gelb-Schwelle, deutlich langsamer als im letzten Lauf (mindestens 1 s und das 1,5-Fache), nicht zur Ruhe gekommen, Fehler im UI5-Log, fehlgeschlagene Requests Grün | sonst Grau („nicht geprüft“) | kein Zugriff, Richtlinie, Lizenz, ungültiges Ziel, abgebrochen Beim Vergleich zählt der Bericht fehlgeschlagene Requests als neu oder behoben. Exporte maskiert FrontTailor mit den PII-Regeln des [Issue Reporters](https://fronttailor.com/doku/problem-melden); An Issue Reporter öffnet den Tab „Problem melden“ mit Titel und Beschreibung, gesendet wird erst nach Vorschau und Klick. Auf PRODDer Morgencheck darf PROD-Apps öffnen – er tut nichts anderes als ein Benutzer. Hinterlegte Schritte führt er auf PROD aber nicht aus: Die Spalte zeigt gesperrt (PROD), und der Hintergrund der Extension lehnt die Schritte zusätzlich ab. ### Tägliche Erinnerung In der Karte Tägliche Erinnerung schaltest du Täglich erinnern ein, wählst die Uhrzeit (05:00 bis 12:00 im Viertelstundenraster) und auf Wunsch Nur Montag bis Freitag. Zur Uhrzeit erscheint eine Sonne ☀ am FrontTailor-Symbol und ein Hinweis im Tab. Der Check startet nicht von selbst, und es geht nichts hinaus; die Sonne verschwindet mit dem nächsten Lauf. Prüflisten lassen sich über [Team-Sync](https://fronttailor.com/doku/team-sync) im Team verteilen; sie tragen dann das Kennzeichen Team. Läufe werden nicht geteilt. Listen und die letzten sieben Läufe je Liste bleiben im Browser, Request-Adressen ohne Query-String. ### Typische Probleme Was du siehst | Ursache und Lösung „Noch keine OData-Requests aufgezeichnet“ | Die App hat noch nicht mit ihrem Backend gesprochen. Die Werte erscheinen mit dem ersten Request. „Timeout im Browser nicht sichtbar“ | Die App läuft ohne Launchpad, oder das Launchpad hat keinen Timeout in seiner Client-Konfiguration. Die Sitzung zeigt dann nur die letzte Aktivität. Synthetischer Check: Control nicht gefunden | Oft eine generierte ID, die sich nach dem Neuladen geändert hat. Zeichne den Schritt über ein Control mit stabiler ID neu auf. Morgencheck: App bleibt grau | Kein Zugriff auf das System, Host durch die Richtlinie gesperrt oder keine Lizenz für diesen Host. Den Zugriff erteilst du beim nächsten Check starten. Morgencheck: rot Umgeleitet auf … (Anmeldung?) oder Keine UI5-App gefunden | Die Anmeldung ist abgelaufen und die App landet beim Identity Provider. Einmal im Browser anmelden, dann erneut starten. ### Siehe auch - Funktionen im Überblick [Funktionen · betrieb](https://fronttailor.com/funktionen#betrieb) - Zum Nachlesen [SAP Business Technology Platform – Administration](https://www.rheinwerk-verlag.de/sap-business-technology-platform-administration/) (SAP PRESS) - Hilfe von Menschen [Fiori-Performance-Review](https://fronttailor.com/leistungen#performance) - Doku [OData-Konsole](https://fronttailor.com/doku/odata-konsole) - Doku [Absprung ins Backend](https://fronttailor.com/doku/backend-absprung) - Doku [Release-Prüfung](https://fronttailor.com/doku/release-pruefung) - Doku [Team-Sync](https://fronttailor.com/doku/team-sync) - Belege ADR-023 · ADR-043 · ADR-028 Häufige Fragen ### Kurz beantwortet. **Sendet der Health-Tab eigene Requests an das Backend?** Nein. Die Kennzahlen kommen aus dem Mitschnitt der OData-Konsole, also aus den Requests, die die App ohnehin sendet. **Wie genau ist die Restzeit der Sitzung?** Sie ist eine Schätzung: Timeout aus der Launchpad-Konfiguration ab dem letzten erfolgreichen Backend-Request. Server, Approuter oder Identity Provider können eigene Timeouts haben. Mit dem ABAP-Add-on kommt der Timeout aus dem System. **Startet der Morgencheck von selbst?** Nein. Die tägliche Erinnerung setzt nur eine Sonne am FrontTailor-Symbol. Der Check läuft erst nach dem Klick auf Check starten. **Darf ich den Morgencheck auf PROD laufen lassen?** Ja, er öffnet die Apps wie ein Benutzer. Aufgezeichnete Schritte führt er auf PROD nicht aus. Deine Frage ist nicht dabei? Sprich mich an: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Schreib mir](https://fronttailor.com/kontakt) --- # OPA5-, wdi5- und Playwright-Tests aus der App · FrontTailor Quelle: https://fronttailor.com/doku/scaffolding-und-recorder > Testgerüste aus der laufenden UI5-App: Page Objects und Journeys für OPA5, wdi5 und Playwright, Mockdaten und Snippets – Klickpfad per Recorder. ## Scaffolding & Recorder Der Tab „Scaffolding“ erzeugt Testcode aus der App, wie sie gerade läuft: Page Objects mit stabilen Selektoren, Journeys aus einer Aufzeichnung, ein QUnit-Gerüst für den Controller, Mockdaten aus den aufgezeichneten OData-Requests und Snippets. Den Klickpfad liefert der gemeinsame Recorder. **Edition** ab Pro **Tab** „Scaffolding“ **Bereiche** Page Object, Journey, Unit-Test, Mockdaten, Snippets **Frameworks** OPA5, wdi5, Playwright **Recorder** Community, auch in „Problem melden“ und „Health“ **Auf PROD** Uneingeschränkt, es wird nur gelesen Diese Seite beantwortet - Wie erzeuge ich ein OPA5-, wdi5- oder Playwright-Page-Object für eine UI5-View? - Wie wird aus einem Klickpfad ein Journey-Test? - Welcher Selektor ist für ein UI5-Control am stabilsten? - Wie bekomme ich Mockdaten für den MockServer oder den FE-Mockserver? - Werden beim Aufzeichnen meine Eingaben gespeichert? ### Der Tab im Überblick Öffne die App und im Panel den Tab Scaffolding. Oben wählst du den Bereich: Automatisch (größte sichtbare View), eine bestimmte gerenderte View oder das im [Inspector](https://fronttailor.com/doku/inspector) gewählte Control. Neu einlesen liest die View neu. Rechts steht, was erkannt wurde: View, Controller, Zahl der Controls und der Controller-Methoden. ab Pro Die Karte Erste Schritte fasst den Weg in drei Schritten zusammen: aufzeichnen, generieren, ausführen. Jeder Bereich hat außerdem Mehr erfahren mit Voraussetzungen, Ablageort der Datei und nächsten Schritten, und neben jedem Code steht Code erklärt mit Sprüngen zu den Zeilen. ### Page Object erzeugen Das Page Object der Master-View der Freestyle-Demo-App, hier für OPA5. - Bereich: welche View oder welcher Container beschrieben wird. - Die erkannte View mit Controller, Zahl der Controls und Controller-Methoden. - Die fünf Bereiche: Page Object, Journey, Unit-Test, Mockdaten, Snippets. - Die interaktiven Controls der View, jeweils mit Rolle und Selektor-Strategie. Der Haken bestimmt, ob ein Control ins Page Object kommt. Daneben Selektor kopieren als …. - Test-Framework: OPA5, wdi5 oder Playwright. - Kopieren und Herunterladen des Codes. Für jedes Control wählt FrontTailor den stabilsten Selektor, den es gibt: Strategie | Wann View-ID | Stabile ID in der View – der robusteste Selektor. In Playwright das Ende der DOM-ID, sodass derselbe Locator standalone und im Launchpad läuft. Globale ID | Eigene ID außerhalb einer View: stabil, solange die ID eindeutig ist. Matcher | Generierte ID: Der Selektor nutzt stattdessen Control-Typ, Binding-Pfad oder Text. Generierte ID | Generierte ID ohne Text oder Binding: Der Selektor wird brechen. Die Oberfläche warnt, der Code markiert die Stelle – gib dem Control eine ID. Listeneinträge adressiert der Code über die Liste und den Binding-Pfad des Eintrags. Eingegebene Werte von Eingabefeldern gehören nie zur Beschreibung der View. ### Den Klickpfad aufzeichnen Der Recorder ist eine gemeinsame Aufzeichnungsleiste. Sie steht im Bereich Journey, im Tab [Problem melden](https://fronttailor.com/doku/problem-melden) und im Tab [Health](https://fronttailor.com/doku/health-und-morgencheck) – alle drei zeigen dieselbe Aufzeichnung. Der Recorder selbst gehört zur Community-Edition; was du daraus machst, hat die Edition des jeweiligen Moduls. Community - Klicke Aufzeichnen – oder starte über die [Befehlspalette](https://fronttailor.com/doku/command-palette) mit Aufzeichnung starten/stoppen. - Bediene die App wie ein Nutzer. Klicks, Auswahl, Suchen und Navigation werden zu Schritten. - Klicke Stoppen. Schritte kannst du jetzt verschieben oder löschen. - Wähle unter Verwenden als …, was daraus werden soll. Zwei Klicks in die Produktliste ergeben vier Schritte: je ein Klick und die Navigation dazu. - Der Zustand: Aufzeichnung läuft … oder Aufzeichnung aus. - Schrittzähler und Zeit, jeweils mit Grenze: höchstens 200 Schritte und 10 Minuten. Endet eine Aufzeichnung an einer Grenze, sagt die Leiste das. - Stoppen, daneben Verwerfen. - Eingegebenen Text aufzeichnen (maskiert) – standardmäßig aus, siehe unten. - Die Schritte mit Art, Control und Zeitversatz; rechts verschieben und löschen. Eingaben: Ohne Freigabe zeichnet der Recorder keinen eingegebenen Text und keine Suchbegriffe auf. Der Schritt trägt dann „Wert nicht aufgezeichnet“, der erzeugte Code die Stelle TODO: value not recorded. Mit Freigabe gilt sie nur für diese Aufzeichnung, und die Werte werden schon in der Seite mit den Datenschutz-Regeln von [Problem melden](https://fronttailor.com/doku/problem-melden) maskiert, einschließlich der Pflichtregeln deines Administrators. Der Schlüssel einer Auswahl und der Zustand eines Schalters sind App-Daten und bleiben erhalten, ebenfalls maskiert. Eine Aufzeichnung, fünf Verwendungen. Verwenden als … | Ergebnis Fehlerbericht (Schritte zum Nachstellen) | Hängt alle Schritte als Tabelle „Aufgezeichnete Schritte“ an den Bericht in [Problem melden](https://fronttailor.com/doku/problem-melden). OPA5-Journey, wdi5-Journey, Playwright-Journey | Öffnet den Bereich Journey mit diesem Framework. Synthetischer Check | Übernimmt Klicks und Schalter in einen Check in [Health](https://fronttailor.com/doku/health-und-morgencheck); Eingaben und Auswahl werden übersprungen und gezählt. Ist ein Modul nicht lizenziert, steht seine Ausgabe gesperrt mit Editions-Tag im Menü; ist es per Richtlinie abgeschaltet, fehlt sie. Unter Aufzeichnungen speicherst du Aufzeichnungen unter einem Namen im Browser (höchstens 20 pro Origin), lädst und löschst sie und tauschst sie als JSON-Datei aus. ### Journey aus der Aufzeichnung Aus den zwei Klicks wird eine Playwright-Journey mit stabilen Locators. - Schritte aus: Aufzeichnung oder Ausgewählten Controls (die Haken im Page Object). - Framework: OPA5 startet die Component mit iStartMyUIComponent, wdi5 mit wdi5.goTo, Playwright mit page.goto. - Kopieren und Herunterladen. Prüfungen ergänzt du selbst: Der Code enthält TODO-Zeilen für das erwartete Ergebnis. Mit eingerichtetem [KI-Assistenten](https://fronttailor.com/doku/ki) schlägt Assertions vorschlagen welche vor. ### Unit-Test für den Controller Der Bereich Unit-Test erzeugt ein QUnit-Gerüst mit sap/ui/thirdparty/sinon: ein Test pro eigener Controller-Methode, View, Router und Owner Component gestubbt, Event-Handler bekommen ein oEvent-Stub. Quelltext lädt FrontTailor dafür nicht – die Methoden kommen aus der laufenden App. Im Editor öffnen öffnet den Controller in VS Code (vscode://file/…). Dazu ordnest du einmal einen Namespace einem lokalen Ordner zu (Workspace-Ordner zuordnen); gespeichert werden nur Pfade. SAP Business Application Studio ist nicht abgedeckt. ### Mockdaten Mockdaten aus den aufgezeichneten Requests der Demo-App, im Format des V2-MockServers. Quelle ist die Aufzeichnung der [OData-Konsole](https://fronttailor.com/doku/odata-konsole) in diesem Tab. Für OData V2 entstehen localService/metadata.xml, mockdata/.json und ein mockserver.js; für OData V4 das Layout von @sap-ux/ui5-middleware-fe-mockserver mit ui5-mock.yaml. ZIP herunterladen lädt alles auf einmal. - Expandierte Navigationen werden zu Zeilen ihres Entity-Sets, doppelte Zeilen entfallen. - Geheimnisähnliche Felder (password, token …) werden ersetzt. - Personenbezogene Daten maskiert FrontTailor mit den Regeln von [Problem melden](https://fronttailor.com/doku/problem-melden) plus den Pflichtregeln der Richtlinie. Die Leiste nennt Regelsatz, Zahl der Regeln und der maskierten Werte. - Schlüssel und UUIDs bleiben unverändert, damit Navigationen im Mockserver funktionieren. Prüfe die Daten deshalb vor dem Teilen. ### Snippets Der Bereich Snippets enthält 12 eingebaute Vorlagen – unter anderem Formatter, Dialog-Fragment, UI.LineItem, UI.FieldGroup, Common.ValueList, UI.HeaderInfo, CAP-Entity und -Handler, RAP-Projection und -Behavior, OPA5-waitFor. Platzhalter füllt FrontTailor aus dem gewählten Control und einem Entity-Set der aufgezeichneten Metadaten; offene Platzhalter bleiben sichtbar. Eigene Snippets legst du mit Neu an (höchstens 200, im Browser gespeichert) und tauschst sie über Importieren und Exportieren aus. Auf PROD Scaffolding und Recorder lesen nur und ändern nichts an der App. Beides funktioniert deshalb auch auf einem als PROD markierten System. Gesperrt bleibt dort nur das Ausführen eines synthetischen Checks in [Health](https://fronttailor.com/doku/health-und-morgencheck). ### Typische Probleme Meldung oder Symptom | Ursache und Abhilfe „Keine gerenderte View gefunden.“ | Öffne eine View der App und klicke Neu einlesen. Controls mit Generierte ID | Ihre Selektoren sind nicht stabil. Vergib in der View eine ID. „Die Aufzeichnung enthält keine Aktion, die eine Journey wiederholen kann (nur Navigation).“ | Zeichne Klicks oder Auswahl in der App auf, nicht nur Seitenwechsel über die Adresszeile. „Diese UI5-Version bietet keinen Event-Hook“ | In sehr alten Versionen zeichnet der Recorder nur Klicks und Navigation auf. „In diesem Tab wurden noch keine OData-Requests aufgezeichnet.“ | Bediene die App, damit die OData-Konsole Requests aufzeichnet, und lies neu ein. „Einige Requests wurden ohne Inhalt aufgezeichnet“ | Sie liefen, bevor FrontTailor in der Seite aktiv war. Lade die App neu und lies neu ein. „Die PII-Regeln konnten nicht geladen werden“ | Ohne Regelsatz erzeugt FrontTailor bewusst keine Mockdaten. Gleich erneut einlesen. ### Siehe auch - Funktionen im Überblick [Funktionen · Testen & melden](https://fronttailor.com/funktionen#entwickeln) - Zum Nachlesen [SAPUI5 – The Comprehensive Guide](https://www.sap-press.com/sapui5_6012/) (SAP PRESS) - Zum Nachlesen [SAP Fiori Elements – Grundlagen, Entwicklung und Erweiterung](https://www.rheinwerk-verlag.de/sap-fiori-elements/) (SAP PRESS) - Hilfe von Menschen [Hands-on-Workshops zu SAPUI5, Fiori Elements, OData und CAP](https://fronttailor.com/leistungen#hands-on) - Doku [Problem melden](https://fronttailor.com/doku/problem-melden) - Doku [Health und Morgencheck](https://fronttailor.com/doku/health-und-morgencheck) - Doku [OData-Konsole](https://fronttailor.com/doku/odata-konsole) - Belege ADR-020 · ADR-028 Häufige Fragen ### Kurz beantwortet. **Kann FrontTailor OPA5-, wdi5- und Playwright-Tests erzeugen?** Ja. Der Tab Scaffolding (Pro) erzeugt Page Objects und Journeys für alle drei Frameworks aus der laufenden App, dazu ein QUnit-Gerüst für den Controller. **Zeichnet der Recorder meine Eingaben auf?** Standardmäßig nicht. Eingegebener Text und Suchbegriffe werden nur mit Freigabe für eine Aufzeichnung aufgenommen und dann schon in der Seite maskiert. **Was kostet der Recorder?** Der Recorder gehört zur Community-Edition. Was du aus der Aufzeichnung machst – Journey, Fehlerbericht oder synthetischer Check – hat die Edition des jeweiligen Moduls. **Woher kommen die Mockdaten?** Aus den Requests, die die OData-Konsole in diesem Tab aufgezeichnet hat. Personenbezogene Daten werden maskiert, Schlüssel bleiben unverändert. Deine Frage ist nicht dabei? Sprich mich an: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Schreib mir](https://fronttailor.com/kontakt) --- # Fehlerbericht für UI5-Apps mit Screenshot · FrontTailor Quelle: https://fronttailor.com/doku/problem-melden > Fehler in Fiori-Apps melden: Screenshot markieren, Klickpfad, fehlgeschlagene Requests und Systemsteckbrief, maskiert, mit Vorschau – an Jira, GitHub, SAP. ## Problem melden Der Tab „Problem melden“ baut einen Fehlerbericht, mit dem Entwicklung oder Support ohne Rückfrage arbeiten können: Screenshot mit Markierungen, die letzten Aktionen, fehlgeschlagene Requests, Fehler und Systemsteckbrief. Personenbezogene Daten werden vorher maskiert, und nichts verlässt den Browser vor deiner Vorschau und deinem Klick. **Edition** ab Pro **Tab** „Problem melden“ **Tastenkürzel** Alt+Shift+R **Ziele** Zwischenablage, E-Mail, Datei, GitHub, Ticketsysteme **Tickets** Jira, GitHub, GitLab, Azure DevOps (Pro), ServiceNow (Enterprise) **Auf PROD** Uneingeschränkt, der Bericht ändert nichts an der App Diese Seite beantwortet - Wie melde ich einen Fehler in einer Fiori-App so, dass niemand nachfragen muss? - Wie verhindere ich, dass personenbezogene Daten im Bericht landen? - Wie lege ich aus dem Bericht ein Jira-, GitHub- oder ServiceNow-Ticket an? - Wie bereite ich einen Incident für SAP-Support vor? ### Einen Bericht starten Es gibt drei Wege, und alle drei nehmen sofort einen Screenshot des sichtbaren Bereichs auf: - Problem melden im Popup der Extension (Klick auf das Symbol in der Symbolleiste), - das Tastenkürzel Alt+Shift+R, - der Befehl Problem melden in der [Befehlspalette](https://fronttailor.com/doku/command-palette). Danach öffnet sich das Side-Panel mit dem Tab Problem melden. Du kannst den Tab auch direkt öffnen. Screenshot aufnehmen im Panel klappt, solange Chrome die Aufnahme nach deinem letzten Klick auf das Symbol oder dem Tastenkürzel noch erlaubt; sonst sagt der Tab, was zu tun ist. Ein Bericht ohne Screenshot geht immer. ab Pro ### Beschreiben und markieren - Gib einen Titel ein und beschreibe unter Beschreibung, was passiert ist. - Markiere im Screenshot die Stelle mit Rechteck oder Pfeil. Verdecke sensible Bereiche mit Verpixeln. - Wähle unter Kontext, was in den Bericht kommt. - Wähle das Ziel und klicke Vorschau und senden…. - Prüfe den Bericht und klicke die Schaltfläche des Ziels, zum Beispiel Markdown kopieren. Titel, Beschreibung und der aufgenommene Screenshot der Freestyle-Demo-App. - Titel (Pflicht) und Beschreibung. - Die Markierungswerkzeuge Rechteck, Pfeil und Verpixeln; rechts Rückgängig und Markierungen entfernen. - In den Bericht übernehmen entscheidet, ob der Screenshot mitgeht. Verpixeln ersetzt jeden Block durch seinen Mittelwert. Das exportierte Bild enthält nur die Blöcke – die Originalpixel sind weg, anders als bei einem Weichzeichner. Texte im Screenshot maskiert FrontTailor nicht automatisch; dafür ist Verpixeln da. ### Was der Bericht enthält Nach dem provozierten HTTP 500 in der Demo-App: vier Aktionen, ein fehlgeschlagener Request, ein Fehler. Teil | Inhalt Click-Trail | Die letzten 20 Aktionen: Control-Typ, Control-ID, Ereignis, Zeit. Eingegebene Werte, Texte oder Seiteninhalte werden nie aufgezeichnet. Nur aktiv, wenn Click-Trail aufzeichnen eingeschaltet ist; Click-Trail leeren löscht ihn. Fehlgeschlagene Requests | Aus der [OData-Konsole](https://fronttailor.com/doku/odata-konsole): Status ab 400, Netzwerkfehler, fehlgeschlagene $batch-Teile, höchstens 20, ohne Cookies und Tokens. Fehler | UI5-Log-Fehler, fehlgeschlagene Requests und unbehandelte Skriptfehler. Systemsteckbrief und Umgebung | UI5-Version, Theme, Launchpad, App-ID, Browser, Bildschirmgröße, Zeitzone. Aus der Adresse entfernt FrontTailor Parameter mit Zugangsdaten oder Sitzungsbezug, auch im Hash des Launchpads. Genauer als der Click-Trail ist eine Aufzeichnung mit dem [Recorder](https://fronttailor.com/doku/scaffolding-und-recorder#recorder): Verwenden als … → Fehlerbericht (Schritte zum Nachstellen) hängt alle Schritte als Tabelle an den Bericht. ### Datenschutz: Maskierung Unter Datenschutz legst du fest, was maskiert wird – in Titel und im ganzen Bericht, bevor die Vorschau erscheint: Regel | Findet E-Mail-Adressen | name@example.com Telefonnummern | Beginnen mit +, 00 oder 0, mindestens 7 Ziffern; Datum, Uhrzeit und Versionen zählen nicht. IBAN | Nur mit gültiger Prüfsumme. Lange Ziffernfolgen | Personal- und Belegnummern, standardmäßig ab 8 Stellen, einstellbar. Namen aus der Liste | Ganze Wörter, ohne Groß-/Kleinschreibung. Eigene Regeln (reguläre Ausdrücke) | Name, Muster und Ersetzung, z. B. KD-\d+. Regeln, die dein Administrator per Richtlinie vorgibt, sind mit Richtlinie markiert und lassen sich nicht abschalten. Dieselben Regeln gelten für die Mockdaten im [Scaffolding](https://fronttailor.com/doku/scaffolding-und-recorder#mockdaten) und für maskierte Eingaben im Recorder. ### Vorschau und Ziele Die Vorschau zeigt genau, was hinausgeht – E-Mail-Adresse und Telefonnummer sind ersetzt. - Das Ziel des Berichts. - Wie viele Werte maskiert wurden, je Regel. - Jede Ersetzung ist im Text markiert. - Erst dieser Klick gibt den Bericht weiter. Zurück ändert nichts. Ziel | Was passiert Zwischenablage | Markdown in die Zwischenablage. E-Mail | Öffnet dein E-Mail-Programm mit Betreff und Text; der volle Text liegt zusätzlich in der Zwischenablage. Den Screenshot lädst du separat herunter. Datei | Lädt Markdown und PNG mit gleichem Namen herunter. GitHub | Öffnet ein neues Issue im eingestellten Repository in einem neuen Tab; den Screenshot ziehst du dort hinein. Ticket | Ein eingerichtetes Ticketsystem, siehe unten. Bei diesen Zielen sendet FrontTailor selbst nichts: Der Bericht geht in deine Zwischenablage, in eine Datei, an dein E-Mail-Programm oder in einen neuen Browser-Tab. Unter Vorlage passt du den Markdown-Aufbau je Ziel an; Platzhalter in doppelten geschweiften Klammern, etwa title, clickTrail oder failedRequests, werden gefüllt, unbekannte bleiben sichtbar. Dein Administrator kann die erlaubten Ziele einschränken. ### Tickets in Jira, GitHub, GitLab, Azure DevOps und ServiceNow Wähle als Ziel Ticket und richte unter Ticketsysteme verwalten ein System ein. Jira (Cloud und Data Center), GitHub Issues, GitLab Issues und Azure DevOps gehören zu Pro; ServiceNow (Incident) braucht Enterprise. ab Enterprise Ein neues Ticketsystem – gespeichert wird nur die Konfiguration, nie ein Token. - System: Jira Cloud, Jira Data Center, GitHub Issues, GitLab Issues, Azure DevOps oder ServiceNow (Incident). - API-Anmeldung für den direkten Weg. Gefragt wird beim Senden, gespeichert wird hier nichts. Je System gibt es zwei Wege: - Vorbefülltes Formular öffnen (Standard, wo möglich): FrontTailor öffnet die Anlageseite des Ticketsystems in einem neuen Tab, mit Titel und Beschreibung. Du bist dort normal angemeldet und schickst selbst ab. Kein Token nötig. Für Jira braucht das numerische Projekt- und Vorgangstyp-IDs. - Direkt anlegen (API): Nach deinem Klick legt FrontTailor das Ticket an und lädt Anhänge hoch, wo das System es erlaubt. Die Vorschau listet vorher jeden Request mit Methode, Adresse und Inhalt. Beim ersten Senden fragt der Browser nach Zugriff auf die Adresse des Ticketsystems. Token und Passwort gibst du beim Senden ein. Mit Merken, solange FrontTailor aktiv ist hält FrontTailor sie nur im Arbeitsspeicher des Hintergrunds – nie in einem Speicherbereich oder auf der Festplatte. Beendet Chrome den Hintergrund nach kurzer Inaktivität, ist das Token vergessen; Vergessen löscht es sofort. ### SAP-Incident vorbereiten Die Karte SAP-Incident zeigt die Anwendungskomponente aus dem Manifest der App (sap.app.ach) – oder den Hinweis, dass sie fehlt. SAP-Incident vorbereiten baut daraus einen Text in der Struktur, die SAP-Support erwartet. Der Incident-Text für die Demo-App, Komponente LO-MD-MM. - Sprache des Texts: Englisch oder Deutsch, unabhängig von der Oberfläche. - Wie viele Werte maskiert wurden – es gelten dieselben Regeln wie für den Bericht. - Der Text: Betreff, Komponente, System, Release (mit Hinweis, wo du es findest), UI5-Version, App, Browser, Zeitpunkt, Beschreibung, Schritte, erwartetes und tatsächliches Ergebnis, Auswirkung und die fehlgeschlagenen Requests mit Request-IDs. - Text kopieren; daneben Herunterladen (.txt). Nichts wird an SAP gesendet: Den Incident legst du selbst in SAP for Me an und fügst den Text ein. In der SAP-Wissensdatenbank suchen kopiert einen Suchbegriff aus Komponente und erstem Fehlertext in die Zwischenablage und öffnet die Suche in SAP for Me. ab Pro Auf PROD Ein Bericht liest nur und ändert nichts an der App. Du kannst ihn deshalb auch auf einem als PROD markierten System erstellen – gerade dort zählen die Maskierung und die Vorschau. ### Typische Probleme Meldung oder Symptom | Ursache und Abhilfe „Chrome erlaubt Screenshots nur, nachdem Sie …“ | Chrome gibt die Aufnahme nur nach einem Klick auf das Symbol der Extension oder Alt+Shift+R frei. Danach erneut aufnehmen – oder ohne Screenshot melden. „Der Tab ist nicht sichtbar.“ | Hole den Tab nach vorn und nimm den Screenshot erneut auf. Click-Trail leer | Click-Trail aufzeichnen ist aus. Einschalten, die Schritte wiederholen. „OData-Konsole von Ihrem Administrator abgeschaltet.“ | Ohne OData-Konsole gibt es keine fehlgeschlagenen Requests im Bericht. Ticketsystem gesperrt mit Editions-Tag | ServiceNow braucht Enterprise, die übrigen Systeme Pro. Kein vorbefülltes Formular für Jira | Ohne numerische Projekt- und Vorgangstyp-ID bietet Jira nur den direkten Weg über die API. Token nach einer Pause wieder verlangt | Gewollt: Das gemerkte Token liegt nur im Arbeitsspeicher und verschwindet, wenn Chrome den Hintergrund beendet. ### Siehe auch - Funktionen im Überblick [Funktionen · Testen & melden](https://fronttailor.com/funktionen#entwickeln) - Zum Nachlesen [SAPUI5 – The Comprehensive Guide](https://www.sap-press.com/sapui5_6012/) (SAP PRESS) - Zum Nachlesen [SAP Business Technology Platform – Sicherheit und Berechtigungen](https://www.rheinwerk-verlag.de/sap-business-technology-platform-sicherheit-und-berechtigungen/) (SAP PRESS) - Hilfe von Menschen [Release- und Transportqualität](https://fronttailor.com/leistungen#release) - Doku [Scaffolding & Recorder](https://fronttailor.com/doku/scaffolding-und-recorder) - Doku [OData-Konsole](https://fronttailor.com/doku/odata-konsole) - Doku [Berechtigungen und Datenschutz](https://fronttailor.com/doku/berechtigungen-und-datenschutz) - Belege ADR-017 · ADR-031 · ADR-041 Häufige Fragen ### Kurz beantwortet. **Schickt FrontTailor meinen Fehlerbericht irgendwohin?** Nicht von selbst. Jeder Bericht geht erst nach Vorschau und Klick hinaus – in die Zwischenablage, eine Datei, das E-Mail-Programm, einen Browser-Tab oder, wenn du es einrichtest, direkt an ein Ticketsystem. **Werden personenbezogene Daten im Bericht maskiert?** Ja. E-Mail-Adressen, Telefonnummern, IBAN, lange Ziffernfolgen, Namen aus einer Liste und eigene Regeln werden vor der Vorschau maskiert. Screenshots verpixelst du selbst. **Speichert FrontTailor mein Jira- oder GitHub-Token?** Nein. Das Token wird pro Senden eingegeben und auf Wunsch nur im Arbeitsspeicher gehalten, solange FrontTailor aktiv ist – nie in einem Speicherbereich. **Sendet FrontTailor den SAP-Incident an SAP?** Nein. FrontTailor bereitet den Text vor; du legst den Incident in SAP for Me selbst an und fügst ihn ein. Deine Frage ist nicht dabei? Sprich mich an: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Schreib mir](https://fronttailor.com/kontakt) --- # KI-Assistent für SAPUI5 mit eigenem Schlüssel · FrontTailor Quelle: https://fronttailor.com/doku/ki > KI für SAP-Fiori-Entwicklung mit eigenem Schlüssel: Anthropic, Azure OpenAI, SAP AI Core, Gemini, Mistral oder lokal. Maskiert, mit Vorschau, ohne Proxy dazwischen. ## KI-Assistent Der KI-Assistent beantwortet Fragen mit dem Kontext der laufenden App: fehlgeschlagene Requests, Controls, Metadaten, Manifest, Berichte von FrontTailor. Du bringst deinen eigenen Anbieter und Schlüssel mit. Jede Anfrage geht direkt aus deinem Browser an diesen Anbieter – erst nach einer Vorschau und deinem Klick, mit maskierten personenbezogenen Daten. **Edition** ab Pro **Tab** „KI“ **Anbieter** Anthropic, Azure OpenAI, SAP AI Core, Google Gemini, Mistral, OpenAI-kompatibel **Anwendungsfälle** 35, in den Tabs und im Katalog **Schlüssel** Verschlüsselt auf dem Gerät oder nur im Arbeitsspeicher **Auf PROD** Uneingeschränkt, der Assistent ändert nichts an der App Diese Seite beantwortet - Wie nutze ich meinen eigenen KI-Schlüssel für SAPUI5 und Fiori? - Geht meine Anfrage über einen Server von CloudDNA? - Wo wird mein API-Schlüssel gespeichert? - Kann ich ein lokales Modell (Ollama) oder SAP AI Core verwenden? - Was genau wird an den KI-Anbieter gesendet? ### Der Tab im Überblick Öffne im Panel den Tab KI. Solange kein Anbieter eingerichtet ist, steht oben Nicht eingerichtet und darunter KI-Assistent einrichten. ab Pro Der KI-Tab an der Freestyle-Demo-App, noch ohne Anbieter. - Der Status: Nicht eingerichtet oder Bereit, daneben die Einstellungen. - KI-Assistent einrichten: Anbieter und Modell wählen, Schlüssel eingeben, speichern und Zugriff erlauben. Anfragen gehen direkt aus deinem Browser an deinen Anbieter, nie über FrontTailor. - Passend zur aktuellen Situation: Anwendungsfälle, die jetzt Sinn ergeben – nach einem fehlgeschlagenen Request zum Beispiel Fehler erklären. - Kontext: lokal zusammengestellte Bausteine. Entferne, was nicht gesendet werden soll. - Alle KI-Funktionen: der Katalog mit Suche. ### Anbieter und Schlüssel einrichten - Wähle unter Provider deinen Anbieter. - Prüfe Endpoint und Modell. Das Modellfeld ist frei; die Vorbelegung ist nur ein Vorschlag. - Gib deinen API-Schlüssel ein. Bei SAP AI Core fügst du den Service-Key als JSON ein. - Lass Auf diesem Gerät speichern an oder schalte es aus (siehe unten). - Klicke Speichern und Zugriff erlauben. Der Browser fragt nach Zugriff auf die Adresse des Anbieters. Ein lokales Modell über einen OpenAI-kompatiblen Endpunkt – der Schlüssel im Bild ist ein Platzhalter. - Provider. - Endpoint mit Hinweis je Anbieter. - API-Schlüssel – bei OpenAI-kompatiblen Endpunkten optional. - Auf diesem Gerät speichern, voreingestellt an. - Speichern und Zugriff erlauben. Anbieter | Was du brauchst Anthropic Claude | API-Schlüssel. Vorbelegt ist claude-sonnet-5-5. Azure OpenAI | Ressourcen-URL, Deployment-Name, API-Schlüssel; optional eine API-Version. SAP AI Core (Generative AI Hub) | Service-Key (JSON) – er füllt Endpoint, Token-URL und Client-Zugangsdaten –, Deployment-ID und Resource Group. Das Access-Token holt FrontTailor vor der Anfrage und hält es nur im Arbeitsspeicher. Google Gemini | API-Schlüssel. Mistral | API-Schlüssel. OpenAI-kompatibel (Ollama, LiteLLM, Gateway) | Basis-URL inklusive /v1, Schlüssel optional. Ollama muss die Extension mit OLLAMA_ORIGINS=chrome-extension://* zulassen. Endpunkte müssen https nutzen. http ist nur für localhost, 127.0.0.1 und [::1] erlaubt – für lokale Modelle –, damit Schlüssel nie unverschlüsselt reisen. ### Fragen und Vorschau Eine eigene Frage. Die E-Mail-Adresse darin wird vor dem Versand maskiert. - Bereit: Anbieter und Schlüssel sind eingerichtet. - Deine Frage. - Personenbezogene Daten maskieren (E-Mail, Telefon, IBAN, lange Nummern) – voreingestellt an. - Kontext-Bausteine, einzeln entfernbar. - Vorschau… öffnet die Vorschau. Gesendet wird hier noch nichts. Die Vorschau zeigt den genauen Request: Ziel, maskierte Frage, Kontext und Header – der Schlüssel als ••••. - Ziel: Anbieter, Modell, Methode und URL. Bei SAP AI Core steht davor die Token-Anfrage. - Jeder Kontext-Baustein, aufklappbar. - Die Frage, wie sie gesendet wird – hier mit [EMAIL] statt der Adresse. - Erst Senden schickt die Anfrage ab. FrontTailor baut sie dann mit dem echten Schlüssel neu und bricht ab, wenn sie vom gezeigten Stand abweicht. Die Antwort erscheint im Gespräch, als Vorschlag markiert, mit Antwort kopieren und Kopier-Knöpfen an Code-Blöcken. FrontTailor wendet nie etwas automatisch an. ### Anwendungsfälle in den Tabs Der Katalog Alle KI-Funktionen listet 35 Anwendungsfälle, gruppiert nach Tab – vom Erklären eines OData-Fehlers über Code-Review der laufenden App, Performance-Tipps und wdi5-Tests bis zu Annotationen, Übersetzungen und Ticket-Texten. Die Suche findet Name, Beschreibung und Tab. Jeder Eintrag sagt, wo er liegt, was er braucht und was er sendet. - Ein Anwendungsfall mit Beschreibung; In … öffnen springt in den passenden Tab. - Sendet: welche Daten dieser Anwendungsfall an den Anbieter gibt. In den anderen Tabs findest du die Einstiege an derselben Stelle: über die Schaltfläche KI oben rechts im Tab oder das KI-Symbol in der Kopfzeile. Ein Einstieg bereitet Frage und Kontext im KI-Tab vor und öffnet die Vorschau – gesendet wird auch hier erst nach deinem Klick. Ohne Pro-Lizenz zeigen die Einstiege, was sie täten. ### Wo dein Schlüssel liegt - Auf diesem Gerät speichern (Standard): Der Schlüssel liegt verschlüsselt (AES-GCM) im Browserprofil dieses Geräts. Das schützt vor versehentlichem Offenlegen, aber nicht vor jemandem mit Zugriff auf das ganze Browserprofil. Auf geteilten Rechnern schalte das Häkchen aus. - Ohne Häkchen: Der Schlüssel bleibt nur im Arbeitsspeicher der Extension. Beendet der Browser den Hintergrund nach kurzer Leerlaufzeit, gibst du ihn erneut ein. - Nie in der Browser-Synchronisierung, in Exporten, Team-Paketen, Fehlerberichten, KI-Vorschauen oder Logs. - Schlüssel vergessen in den Einstellungen löscht ihn sofort, samt aller abgeleiteten Tokens. Es gibt keinen Proxy der CloudDNA: Die Anfrage geht direkt aus deinem Browser an den Endpunkt, den du eingetragen hast. Für die Verarbeitung beim Anbieter gelten dessen Bedingungen und dein Vertrag mit ihm. Mehr dazu unter [Berechtigungen und Datenschutz](https://fronttailor.com/doku/berechtigungen-und-datenschutz). ### Vorgaben deines Administrators Richtlinie | Wirkung modules.ai: false | Tab und alle KI-Einstiege verschwinden. aiProvider, aiAllowedProviders | Anbieter fest vorgegeben oder auf eine Auswahl beschränkt. aiEndpoint | Endpunkt fest vorgegeben (im Formular schreibgeschützt); leer schaltet den Assistenten ab. aiRequirePiiMasking: true | Die Maskierung lässt sich nicht abschalten. ai.persistKeys: false | Schlüssel nur im Arbeitsspeicher; gespeicherte Schlüssel werden gelöscht. Wie Richtlinien verteilt werden, steht unter [Enterprise-Deployment](https://fronttailor.com/doku/enterprise-deployment). Auf PROD Der Assistent liest Kontext und ändert nichts an der App. Er ist deshalb auch auf einem als PROD markierten System nutzbar. Gerade dort lohnt der Blick in die Vorschau: Kontext-Bausteine können Daten aus dem System enthalten. ### Typische Probleme Meldung oder Symptom | Ursache und Abhilfe „Der Zugriff auf den Provider ist noch nicht erlaubt.“ | Klicke Speichern und Zugriff erlauben oder Zugriff erlauben und bestätige die Abfrage des Browsers. „Der Provider hat den Schlüssel abgelehnt“ | Schlüssel falsch oder abgelaufen. Neu eingeben. „Der gespeicherte Schlüssel ließ sich nicht entschlüsseln und wurde gelöscht.“ | Das Profil wurde teilweise gelöscht oder die Daten sind beschädigt. Schlüssel neu eingeben. „Die Vorschau ist abgelaufen.“ | Eine Vorschau gilt 15 Minuten. Öffne sie erneut. Ollama antwortet nicht | Ollama mit OLLAMA_ORIGINS=chrome-extension://* starten. Häkchen „Auf diesem Gerät speichern“ gesperrt | Deine Organisation erlaubt das Speichern nicht (Richtlinie). Der Schlüssel bleibt im Arbeitsspeicher. ### Siehe auch - Funktionen im Überblick [Funktionen · KI mit eigenem Schlüssel](https://fronttailor.com/funktionen#ki) - Zum Nachlesen [SAPUI5 – The Comprehensive Guide](https://www.sap-press.com/sapui5_6012/) (SAP PRESS) - Zum Nachlesen [SAP Business Technology Platform – Sicherheit und Berechtigungen](https://www.rheinwerk-verlag.de/sap-business-technology-platform-sicherheit-und-berechtigungen/) (SAP PRESS) - Hilfe von Menschen [TailorCampus D6: KI im SAP-Umfeld](https://fronttailor.com/leistungen#ki-sap) - Doku [Berechtigungen und Datenschutz](https://fronttailor.com/doku/berechtigungen-und-datenschutz) - Doku [Problem melden](https://fronttailor.com/doku/problem-melden) - Doku [Enterprise-Deployment](https://fronttailor.com/doku/enterprise-deployment) - Belege ADR-018 · ADR-018 · ADR-017 Häufige Fragen ### Kurz beantwortet. **Läuft die KI von FrontTailor über einen Server der CloudDNA?** Nein. Du trägst deinen eigenen Anbieter und Schlüssel ein, und jede Anfrage geht direkt aus deinem Browser an diesen Endpunkt – erst nach Vorschau und Klick. **Welche KI-Anbieter werden unterstützt?** Anthropic Claude, Azure OpenAI, SAP AI Core (Generative AI Hub), Google Gemini, Mistral und jeder OpenAI-kompatible Endpunkt, etwa Ollama oder LiteLLM. **Wo wird mein API-Schlüssel gespeichert?** Auf Wunsch verschlüsselt im Browserprofil deines Geräts, sonst nur im Arbeitsspeicher. Nie in der Synchronisierung, in Exporten, Team-Paketen oder Berichten. Unternehmen können das Speichern per Richtlinie verbieten. **Werden personenbezogene Daten an die KI gesendet?** Vor dem Versand maskiert FrontTailor E-Mail-Adressen, Telefonnummern, IBANs und lange Nummern. Die Vorschau zeigt jede Ersetzung und genau, was gesendet wird. Deine Frage ist nicht dabei? Sprich mich an: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Schreib mir](https://fronttailor.com/kontakt) --- # Fiori-Elements-Annotationen im Browser finden · FrontTailor Quelle: https://fronttailor.com/doku/annotationen > Fiori Elements debuggen: Feld in der App wählen, steuernde Annotation mit Quelle sehen (CAP, $metadata, lokale Datei), dazu Manifest-Viewer, Draft-Status und ETag. ## Annotationen In Fiori Elements steuern Annotationen die Oberfläche – und Fehler zeigen sich ohne Meldung: Eine Spalte fehlt, ein Label stimmt nicht. Der Tab „Annotationen“ zeigt zu einem Feld, einer Spalte oder einem Abschnitt der laufenden App die Annotation dahinter, ihre Quelle und welche Quelle gewinnt. Er liest nur und ändert nichts. **Edition** ab Pro **Tab** „Annotationen“ **Ansichten** Control, Annotationen, Manifest, Draft & ETag **Apps** Fiori elements V4, V2 (teilweise), Freestyle mit Rückfall **Auf PROD** Uneingeschränkt, das Modul liest nur Diese Seite beantwortet - Welche Annotation erzeugt diese Spalte oder dieses Feld? - Warum zeigt Fiori Elements ein anderes Label als in CAP definiert? - In welcher Reihenfolge werden $metadata und lokale Annotationsdateien zusammengeführt? - Ist die Objektseite gerade ein Entwurf, und welches ETag hat sie? ### Der Tab im Überblick Öffne im Panel den Tab Annotationen. Oben wählst du die Ansicht: Control, Annotationen, Manifest oder Draft & ETag. Aktualisieren liest den Stand neu. Darunter stehen die Quellen des Service in der Reihenfolge, in der UI5 sie zusammenführt. ab Pro Die Annotationsdokumente – $metadata und Annotationsdateien – kommen aus dem Log der [OData-Konsole](https://fronttailor.com/doku/odata-konsole). FrontTailor ruft dafür nichts zusätzlich ab. Öffnest du den Tab erst nach dem Laden der App, ist trotzdem alles da, solange die Konsole aufgezeichnet hat. ### Annotation hinter einem Feld finden - Wähle die Ansicht Control. - Klicke In der App wählen und dann in der App auf ein Feld, eine Spalte, eine Tabelle oder einen Abschnitt. Alternativ markierst du ein Control im [Inspector](https://fronttailor.com/doku/inspector); der Tab übernimmt die Auswahl. - Lies unter Annotationen der Bausteine, welcher Term das Control erzeugt, und unter Properties, welche Annotationen an den gezeigten Properties hängen. Eine Zelle der Spalte „Order“ im List Report: Sie kommt aus UI.LineItem, Eintrag 0, Quelle CAP. - Die Ansicht; daneben Aktualisieren. - In der App wählen, rechts davon das gewählte Control. Darunter Variante (Fiori elements V4), Template und Entität mit Im Diagramm zeigen. - Die Control-Kette: vom gewählten Control über Feld und Spalte bis zur Tabelle, jeweils mit Meta-Pfad. - Annotationen der Bausteine: der Term, den das Control nutzt, mit dem verwendeten Eintrag hervorgehoben. Verweist ein Baustein per AnnotationPath weiter (etwa eine Facette auf UI.FieldGroup#General), steht das unter Verweist auf. Weiter unten folgen Properties mit allen Annotationen der Properties, die das Control zeigt, und – eingeklappt – die Annotationen der Entität; die steuernden Terme sind dort markiert. Mit Pro und eingerichtetem [KI-Assistenten](https://fronttailor.com/doku/ki) erklärt Annotationen erklären den Baustein. Bei Fiori elements V2 gibt es keine Meta-Pfade. Der Tab nutzt dann Entity-Set, den Term aus der stabilen ID des Templates und die Bindings; das reicht für Feldgruppen, Tabellen und Properties. Bei Freestyle-Controls steht „Kein Fiori-Elements-Baustein steuert dieses Control“; gebundene Properties werden trotzdem gegen $metadata aufgelöst. ### Quellen und Vorrang UI5 führt zuerst $metadata zusammen, dann die Annotationsdateien in der Reihenfolge aus dataSources//settings/annotations im Manifest. Eine spätere Quelle überschreibt eine frühere für dasselbe Target, denselben Term und denselben Qualifier. Der Tab rechnet genauso und zeigt je Term den wirksamen Wert mit Quelle, darunter durchgestrichen die überschriebenen Werte. Quelle | Bedeutung CAP | $metadata eines CAP-Service $metadata | $metadata eines anderen Backends Backend-Datei | Annotationsdatei vom Server (Gateway-Katalogservice oder unterhalb eines Service-Roots) Lokale Datei | Annotationsdatei der App selbst, etwa annotations/annotations.xml V2-Attribut | Ein sap:*-Attribut aus V2-Metadaten, soweit eindeutig auf einen V4-Term abgebildet (zum Beispiel sap:label → Common.Label). Es verliert gegen jede explizite Annotation. ### Alle Annotationen durchsuchen Die Ansicht Annotationen listet alle Targets des Service, gruppiert nach Target. Die Suche findet Target, Term, Qualifier, Wert und Quelle. In der Demo-App überschreibt die lokale Annotationsdatei das Label „Notes“ aus CAP mit „Remarks“. - Die Quellen in der Reihenfolge der Zusammenführung, nummeriert. - Suche über Target, Term, Qualifier, Wert oder Quelle; rechts die Zahl der Treffer. - Die Quelle des wirksamen Werts. - Überschreibt: der verdrängte Wert mit seiner Quelle, durchgestrichen. Der Tab zeigt zunächst 60 Targets, weitere mit Mehr anzeigen. Im Diagramm zeigen öffnet den Typ im Metadata-Explorer des OData-Tabs (siehe [OData-Konsole](https://fronttailor.com/doku/odata-konsole)); von dort führt ein Knopf zurück. ### Manifest-Viewer Der Manifest-Viewer zeigt die Datenquelle mainService mit der lokalen Annotationsdatei an Position 1. Die Ansicht Manifest liest den App-Deskriptor der laufenden Komponente: - App: App-ID, Titel, Komponente, Deskriptor-Version, minimale UI5-Version, - Flexibilität: flexEnabled, Zahl der Changes, Layer und Variantenverwaltungen, - Datenquellen mit aufgelöster URI und der Reihenfolge der Annotationen, - Models mit Einstellungen, Routen, Targets mit den Einstellungen der Fiori-Elements-Seiten, bei V2 die Seiten, - das Vollständige Manifest (bei sehr großen Deskriptoren gekürzt). ### Draft-Status und ETag Öffne in der App eine Objektseite und wähle Draft & ETag. Gelesen wird aus dem Model-Cache der App; FrontTailor sendet keinen Request. Die Objektseite eines Auftrags: aktive Version, kein Entwurf, dazu die Common.SideEffects von Entität, Entity-Set und Aktionen. - Zustand der Seite (Aktive Version oder Entwurf) mit dem gebundenen Pfad, darunter IsActiveEntity, HasActiveEntity, HasDraftEntity, Bearbeitungsmodus, ausstehende Änderungen, Transient und Keep-alive. - ETag aus @odata.etag (V4) oder __metadata.etag (V2). - Side Effects (Common.SideEffects): was bei Änderung welcher Felder oder nach welcher Aktion neu geladen wird. Unter DraftAdministrativeData stehen Bearbeiter und Zeitstempel eines Entwurfs. Benutzer-IDs maskiert FrontTailor schon in der Seite (JDOE → J•••); die volle ID verlässt die Seite nie. Was die App nicht geladen hat, steht als „von der App nicht geladen“. Auf PROD Der Tab liest nur und ändert nichts an der App. Er ist deshalb auch auf einem als PROD markierten System ohne Einschränkung nutzbar. ### Typische Probleme Meldung oder Symptom | Ursache und Abhilfe „Für diesen Tab wurde noch kein $metadata aufgezeichnet.“ | Die App wurde geladen, bevor FrontTailor aktiv war. Lade die App neu; die OData-Konsole zeichnet $metadata und Annotationsdateien dann auf. „Die Annotationsdatei … aus dem Manifest wurde nicht aufgezeichnet.“ | Die Datei fehlt im Log. Lade die App neu. „Die Annotationsdokumente kommen aus der OData-Konsole, die Ihr Administrator abgeschaltet hat.“ | Ohne OData-Konsole keine Annotationen. Control-Kontext, Manifest und Draft-Status funktionieren weiter. „Ein Dokument war größer als das Limit der Konsole (1 MB)“ | Das Dokument wurde gekürzt; Annotationen am Ende fehlen. „Das Auswählen braucht das Inspector-Modul“ | In der App wählen nutzt den Pick-Modus des Inspectors. Ist er per Richtlinie abgeschaltet, fehlt die Auswahl. „Meta-Pfad nicht in $metadata gefunden“ | Der Baustein verweist auf einen Pfad, den die aufgezeichneten Dokumente nicht kennen – oft ein Tippfehler im Manifest oder in einer Annotation. „Keine Objektseite geöffnet.“ | Draft & ETag braucht eine geöffnete Objektseite. Öffne ein Objekt und klicke Aktualisieren. ### Siehe auch - Funktionen im Überblick [Funktionen · Qualität](https://fronttailor.com/funktionen#qualitaet) - Zum Nachlesen [SAP Fiori Elements – Grundlagen, Entwicklung und Erweiterung](https://www.rheinwerk-verlag.de/sap-fiori-elements/) (SAP PRESS) - Zum Nachlesen [Fullstack-Entwicklung mit SAP](https://www.rheinwerk-verlag.de/fullstack-entwicklung-mit-sap/) (SAP PRESS) - Hilfe von Menschen [Fiori Elements und Annotationen](https://fronttailor.com/leistungen#fiori-elements) - Doku [OData-Konsole](https://fronttailor.com/doku/odata-konsole) - Doku [Inspector](https://fronttailor.com/doku/inspector) - Doku [Model Explorer](https://fronttailor.com/doku/models) - Belege ADR-019 Häufige Fragen ### Kurz beantwortet. **Wie finde ich heraus, welche Annotation ein Feld in Fiori Elements erzeugt?** Im Tab Annotationen die Ansicht Control wählen, auf In der App wählen klicken und das Feld anklicken. Der Tab zeigt den Term, den verwendeten Eintrag und die Quelle. **Welche Quelle gewinnt, wenn CAP und eine lokale Annotationsdatei dasselbe annotieren?** Die spätere. UI5 führt zuerst $metadata zusammen, dann die Annotationsdateien in der Reihenfolge aus dem Manifest. Der Tab zeigt den wirksamen Wert und streicht die überschriebenen durch. **Schickt FrontTailor dafür zusätzliche Requests an das Backend?** Nein. Die Annotationen kommen aus der Aufzeichnung der OData-Konsole, Draft-Status und ETag aus dem Model-Cache der App. **Funktioniert das auch mit Fiori elements V2?** Teilweise. Feldgruppen, Tabellen und Properties werden aufgelöst; Facetten ohne Term in der Template-ID bleiben offen. Deine Frage ist nicht dabei? Sprich mich an: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Schreib mir](https://fronttailor.com/kontakt) --- # SU53 für Fiori: fehlende Berechtigung finden · FrontTailor Quelle: https://fronttailor.com/doku/rollen-und-berechtigungen > Fehlende Berechtigung in einer Fiori-App finden: Objekt und Aktivität aus dem 403, nächste Schritte bis SU53 und die Prüfkette „Warum sehe ich diese Kachel nicht?“. ## Rollen und Berechtigungen Zwei Tabs für Berechtigungsfragen in SAP Fiori®-Apps: Berechtigungen wertet 401, 403 und SAP-Berechtigungsmeldungen der App aus und prüft, warum eine Kachel fehlt. Rollen fragt mit dem ABAP-Add-on das System selbst – Rollen, Kataloge, Startberechtigung, auch für einen anderen Benutzer. Beide gehören zur Enterprise-Edition. **Edition** ab Enterprise **Tabs** „Berechtigungen“ und „Rollen“ **Datenquelle** Mitschnitt der OData-Konsole; optional ABAP-Add-on **Benutzer** immer maskiert (D********1) **Auf PROD** erlaubt – beide Tabs lesen nur Diese Seite beantwortet - Welches Berechtigungsobjekt fehlt bei diesem 403? - Warum sieht ein Benutzer eine Kachel im Fiori Launchpad nicht? - Welche Rollen, Kataloge und Spaces hat ein Benutzer? - Fehlt die Startberechtigung (S_SERVICE) für den OData-Service? ### Berechtigungsfehler auswerten Der Tab Berechtigungen liest den Mitschnitt der [OData-Konsole](https://fronttailor.com/doku/odata-konsole) mit; er fragt die Seite nicht noch einmal und sendet nichts. Sobald ein Request mit 401, 403 oder einer SAP-Meldung zu Berechtigung, Service-Aktivierung oder System-Alias zurückkommt, erscheint ein Befund. Gleiche Befunde fasst der Tab zusammen und zählt sie. - Öffne in den DevTools (F12) das Panel FrontTailor und wähle den Tab Berechtigungen. - Löse in der App die Aktion aus, die scheitert. - Lies im Befund das fehlende Objekt mit Feld und Wert und folge den nächsten Schritten. - Gib den Befund mit Als Markdown kopieren oder Ticket anlegen… an die Basis weiter. Ein simulierter 403 der Freestyle-Demo-App: Objekt Z_PRODUCT, Aktivität 03. - Der Befund: Art, Request, Service, fehlendes Objekt, Meldungscode, Transaktions-ID, Meldung und letzter Zeitpunkt. - Nächste Schritte mit Links wie SU53 öffnen und /IWFND/ERROR_LOG öffnen. Sie öffnen SAP GUI for HTML desselben Systems – erst auf Klick. - Als Markdown kopieren und Herunterladen (.md) – pro Befund oder für alle. - Ticket anlegen… öffnet den Ticket-Dialog des [Issue Reporters](https://fronttailor.com/doku/problem-melden) mit dem Befund, etwa für ServiceNow. Art im Tab | Erkannt an | Nächster Schritt (Auszug) Fehlende Berechtigung | HTTP 403 oder /IWBEP/CM_MGW_RT/022 | SU53, Objekt über eine PFCG-Rolle zuordnen, Startberechtigung Nicht angemeldet (HTTP 401) | HTTP 401 | neu anmelden, Anmeldeverfahren des ICF-Knotens (SICF) CSRF-Token abgelehnt (kein Berechtigungsproblem) | 403 mit x-csrf-token: Required | Seite neu laden; sonst Proxy oder Web Dispatcher prüfen Service nicht registriert oder nicht aktiv | /IWFND/MED/170 | /IWFND/MAINT_SERVICE, ICF-Knoten Kein Systemalias für den Service | /IWFND/CM_MGW/096 | Systemalias in /IWFND/MAINT_SERVICE, RFC-Destination in SM59 ICF-Knoten inaktiv | Meldung des ICF | Knoten in SICF aktivieren Erkannt werden Standardobjekte wie S_SERVICE und S_START und benannte Objekte („authorization object Z_PRODUCT“), dazu Feld und Wert („activity 03“ wird zu ACTVT = 03) und genannte PFCG-Rollen. Ausgewertet werden JSON (OData V2 und V4), XML und CAP-Fehler, Teile eines $batch einzeln. Benutzerkennungen erscheinen nie im Klartext: DEVELOPER1 wird zu D********1. Exporte enthalten die Seiten-URL ohne Query und Hash. ### Warum sehe ich diese Kachel nicht? Die Prüfkette im selben Tab erklärt, warum eine Kachel im Launchpad fehlt. Weil die Kachel ja nicht zu sehen ist, gibst du ihre Intent ein – Vorschläge kommen aus dem Inhalt des Launchpads; steht eine Intent im aktuellen Hash, ist sie vorbelegt. - Öffne den Tab Berechtigungen im Launchpad. - Gib unter Intent die Intent ein, etwa SalesOrder-display. - Klicke Prüfen. Die Kette läuft Stufe für Stufe; die Zusammenfassung nennt die Stufe, an der die Kachel scheitert. Ohne Backend-Service: Was der Launchpad-Client weiß, ist geprüft; Rolle und Startberechtigung bleiben offen. - Prüfen startet die Kette für die eingegebene Intent. - Die Zusammenfassung, hier: Im Launchpad-Client kein Hindernis gefunden. - Stufen, die PFCG- oder SU53-Daten brauchen, sind Nur mit Backend-Service markiert – im Browser wird nicht geraten. Stufe | Woher die Antwort kommt Launchpad | Launchpad in der Seite, mit Plattform und Mandant Katalog / Inhalt | Inhalt des Benutzers im Launchpad Rolle (PFCG) | nur mit Backend-Service Target Mapping | Auflösung des Launchpads: App-ID, Komponente, URL Startberechtigung (S_SERVICE, /UI2/…) | nur mit Backend-Service Kachel auf einer Seite | Spaces und Pages des Benutzers; Warnung, wenn die App im Katalog, aber auf keiner Seite liegt OData-Service | Datenquellen der App gegen den OData-Mitschnitt Gibt eine Launchpad-Version eine Information nicht preis, ist die Stufe Unbekannt – nie Gesperrt. Jede Abfrage hat ein Zeitlimit von 10 s. Die Prüfkette läuft nur auf Klick; dabei darf das Launchpad seine eigenen Module und Seiteninhalte nachladen, und läuft die Ziel-App nicht, liest FrontTailor einmal ihre manifest.json vom selben Origin. Für eine sichtbare Kachel ist der [Launchpad Inspector](https://fronttailor.com/doku/launchpad-inspector) das passende Werkzeug. ### Rollen-Tab und Backend-Service Was der Browser nicht wissen kann – PFCG-Rollen, Kataloge der Rolle, Startberechtigung –, liefert das [ABAP-Add-on](https://fronttailor.com/doku/abap-add-on) /CDNA/FIORITAILOR, ein lesender OData-V4-Service für S/4HANA on-premise und Private Cloud. Der Tab Rollen schaltet ihn pro Host ein. StandDas ABAP-Add-on ist bisher nur gegen einen nachgebauten Service in den automatischen Tests geprüft, noch nicht auf einem echten SAP-System. Die Bilder auf dieser Seite zeigen diesen Test-Service mit erfundenen Daten. Import, Aktivierung und das Lesen einiger nicht dokumentierter Tabellen stehen auf einem echten System noch aus. - Öffne die App auf dem SAP-System und im Panel den Tab Rollen. - Schalte Backend-Service verwenden ein. Erst jetzt sendet FrontTailor überhaupt Requests an den Service – mit deiner Browser-Sitzung, auf demselben Host. - Weicht der Pfad vom Standard ab, trage ihn unter Service-Pfad ein und klicke Übernehmen. - Der Zustand wechselt auf Verfügbar; darunter stehen System, Mandant, Benutzer, Add-on, Vertrag und ob du andere Benutzer prüfen darfst. Der Backend-Service des Test-Systems ist verfügbar. - Backend-Service verwenden – gespeichert wird nur dieser Schalter (und ein abweichender Pfad), keine Antworten, keine Benutzer, keine Tokens. - Der Zustand des Service. - System, Mandant, Benutzer, Add-on, Vertrag, Andere Benutzer prüfen und Service-URL. - Benutzer: leer für den eigenen Benutzer, sonst ein anderer. Zustand | Bedeutung Aus | Schalter aus; FrontTailor sendet nichts an den Service. Verfügbar | Der Service antwortet. Nicht installiert | HTTP 404: Add-on fehlt oder SICF-Knoten inaktiv. Nicht angemeldet | keine SAP-Sitzung in diesem Browser Keine Berechtigung | Dem Benutzer fehlt die Rolle /CDNA/FT_USER. Inkompatibel | unbekannte Vertragsversion: Add-on oder Erweiterung aktualisieren Ohne Service arbeitet FrontTailor wie bisher; die Stufen „Nur mit Backend-Service“ bleiben offen. Ist der Service verfügbar, nimmt auch [Health](https://fronttailor.com/doku/health-und-morgencheck#sitzung) den ICF-Timeout aus dem System. ### Rollen-Simulator: was sieht ein anderer Benutzer? - Trage in der Karte Benutzer und Rollen den Benutzer ein. Vor dem Absenden warnt der Tab, dass die Prüfung im Anwendungsprotokoll protokolliert wird. - Klicke Anzeigen. Rollen, Kataloge, Spaces, Gruppen und erreichbare Intents erscheinen, jeweils mit der Rolle, die sie zuweist. - Klicke eine erreichbare Intent an, um für diesen Benutzer die Prüfkette zu starten – oder gib unten unter Warum sehe ich diese Kachel nicht? eine Intent ein. Simulation für den Test-Benutzer KEYUSER, protokolliert in SLG1. - Der Hinweis vor dem Absenden: Die Prüfung eines anderen Benutzers wird protokolliert (SLG1, Objekt /CDNA/FT). - Die Nummer des Protokolls nach der Prüfung. - Rollen des Benutzers. - Erreichbare Intents mit Filter und zuweisender Rolle. Für KEYUSER scheitert die Kachel am Katalog; zusätzlich fehlt die Startberechtigung – Feld für Feld wie in SU53. - Geprüft für – der simulierte Benutzer. - Die Zusammenfassung: Die Kachel scheitert an: Katalog / Inhalt. - Startberechtigung mit Service und fehlendem Wert, hier S_SERVICE mit SRV_NAME und SRV_TYPE. Für einen anderen Benutzer beantwortet das Backend Katalog, Rolle, Target Mapping und Startberechtigung. Kachel auf einer Seite und OData-Service beschreiben nur den Benutzer dieses Browsers und bleiben in der Simulation Unbekannt. Für den eigenen Benutzer nutzt auch der Tab Berechtigungen den Service, sobald er verfügbar ist. Andere Benutzer prüfen darf nur, wer die Rolle /CDNA/FT_SIM hat (Objekt /CDNA/SIM, Aktivität 03). Jede solche Prüfung schreibt das Add-on vorher in SLG1 – mit Aufrufer, Zielbenutzer und Intent bzw. Service. Kann es den Eintrag nicht speichern, verweigert es die Prüfung. Auf PRODBeide Tabs sind auf einem als PROD markierten Host ([Host-Profile und PROD](https://fronttailor.com/doku/host-profile-und-prod)) erlaubt, denn sie lesen nur. Der Rollen-Tab sagt dort: „PROD-System: Der Simulator liest nur und ändert nichts.“ Die SLG1-Protokollierung einer Simulation gilt auf jedem System. ### Typische Probleme Was du siehst | Ursache und Lösung Keine Befunde trotz Fehler | Die OData-Aufzeichnung ist für den Host aus. Ohne sie zeigt der Tab einen Hinweis; die Prüfkette funktioniert weiter. Befund nennt kein Objekt | Die Meldung des Systems nennt keins. SU53 oder der Berechtigungstrace (STAUTHTRACE) zeigen, welche Prüfung scheiterte. Prüfkette: Stufe Launchpad gesperrt | Die Seite ist kein Launchpad. Öffne den Tab im Launchpad, nicht in der Standalone-App. Rollen-Tab: Nicht installiert | Add-on fehlt, SICF-Knoten inaktiv oder abweichender Service-Pfad. Siehe [ABAP-Add-on](https://fronttailor.com/doku/abap-add-on). Rollen-Tab: andere Benutzer nicht erlaubt | Dir fehlt die Rolle /CDNA/FT_SIM. ### Siehe auch - Funktionen im Überblick [Funktionen · betrieb](https://fronttailor.com/funktionen#betrieb) - Zum Nachlesen [SAP Business Technology Platform – Sicherheit und Berechtigungen](https://www.rheinwerk-verlag.de/sap-business-technology-platform-sicherheit-und-berechtigungen/) (SAP PRESS) - Hilfe von Menschen [Launchpad, Rollen und Berechtigungen](https://fronttailor.com/leistungen#launchpad) - Doku [Launchpad Inspector](https://fronttailor.com/doku/launchpad-inspector) - Doku [ABAP-Add-on](https://fronttailor.com/doku/abap-add-on) - Doku [Absprung ins Backend](https://fronttailor.com/doku/backend-absprung) - Doku [OData-Konsole](https://fronttailor.com/doku/odata-konsole) - Belege ADR-025 · ADR-032 · ADR-031 Häufige Fragen ### Kurz beantwortet. **Wie finde ich heraus, welche Berechtigung in einer Fiori-App fehlt?** Im Tab Berechtigungen die scheiternde Aktion auslösen. Der Befund nennt Objekt, Feld und Wert aus der Fehlermeldung und die nächsten Schritte, etwa SU53 und /IWFND/ERROR_LOG. **Kann ich prüfen, was ein anderer Benutzer im Launchpad sieht?** Ja, mit dem ABAP-Add-on im Tab Rollen. Dafür braucht man die Rolle /CDNA/FT_SIM, und jede Prüfung wird in SLG1 protokolliert. Das Add-on ist noch nicht auf einem echten System getestet. **Sendet FrontTailor ohne Add-on Requests an das SAP-System?** Nein. Solange der Schalter Backend-Service verwenden aus ist, geht kein einziger Request an den Service. Die Auswertung der Befunde läuft nur im Browser. **Sind Benutzerkennungen im Export sichtbar?** Nein. Kennungen sind maskiert (erstes und letztes Zeichen), Exporte enthalten die Seiten-URL ohne Query und Hash. Deine Frage ist nicht dabei? Sprich mich an: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Schreib mir](https://fronttailor.com/kontakt) --- # Team-Sync: Team-Pakete abonnieren und prüfen · FrontTailor Quelle: https://fronttailor.com/doku/team-sync > Team-Pakete im Tab Team nutzen: per URL abonnieren, Änderungen in der Diff-Vorschau prüfen und auswählen, Pakete importieren und exportieren – ohne Server. ## Team-Sync Im Tab Team übernimmst du gemeinsame Einstellungen deines Teams: Host-Profile, URL-Profile, OData-Filter, Snippets, PII-Regeln und mehr. Ein Team-Paket ist eine JSON-Datei, die dein Team selbst ablegt – etwa als Git-Raw-Datei, auf SharePoint oder einem internen Server. FrontTailor ruft sie nur auf Klick oder nach dem Zeitplan deines Administrators ab und ändert erst etwas, wenn du die Vorschau geprüft und Übernehmen geklickt hast. **Edition** ab Team **Tab** „Team“ **Oberflächen** DevTools-Panel und Side-Panel **Quellen** URL-Abo, vorgegebene Pakete, Datei, Zwischenablage **Server** keiner – die Datei liegt bei deinem Team **Übernahme** nie automatisch, immer nach Vorschau Diese Seite beantwortet - Wie teile ich FrontTailor-Einstellungen im Team? - Wie abonniere ich ein Team-Paket per URL? - Was passiert mit meinen eigenen Einstellungen, wenn das Team-Paket sich ändert? - Was bedeutet „Signiert“ bei einem Team-Paket? - Wie exportiere ich meine Einstellungen als Team-Paket? ### Wozu Team-Sync? Jeder im Team legt sonst dieselben Host-Profile, URL-Profile und Filter von Hand an – und jeder ein bisschen anders. Mit Team-Sync pflegt einer die Einstellungen in einem Team-Paket, alle anderen übernehmen sie. Es gibt keinen FrontTailor-Server dafür: Die Datei liegt dort, wo dein Team ohnehin Dateien ablegt. ab Team Ein Paket kann diese Bereiche enthalten: Host-Profile, URL-Profile, OData-Filter, Replay-Requests, Snippets, PII-Maskierungsregeln, Palette-Favoriten, Lesezeichen, bekannte Fehler, Morgencheck-Listen und Performance-Budgets. Wie ein Paket entsteht und signiert wird, steht unter [Team-Pakete](https://fronttailor.com/doku/team-pakete). Der Tab Team hat vier Karten: Team-Pakete (Quellen mit Status), Vorschau (erscheint, sobald ein Paket geprüft wird), Import & Export und Lokale Einstellungen. ### Ein Paket abonnieren und abrufen - Öffne eine App auf deinem SAP-System, dann im Panel den Tab Team. - Trage unter Paket-URL abonnieren die Adresse der Paketdatei ein, die dein Team pflegt, und klicke Abonnieren. Erlaube den Zugriff auf diesen Host, wenn der Browser fragt. - Das Abonnieren selbst lädt noch nichts. Klicke bei der neuen Quelle Abrufen. - Die Vorschau öffnet sich mit allen Änderungen gegenüber deinen Einstellungen. Prüfe sie und klicke Übernehmen – siehe Änderungen prüfen. Die URL muss HTTPS sein (HTTP nur für localhost). Benutzername, Passwort und Token-Parameter in der URL lehnt FrontTailor ab, bevor etwas gespeichert wird. Braucht der Host eine Anmeldung, meldest du dich einmal im Browser an; FrontTailor nutzt diese Browser-Sitzung und speichert keine eigenen Zugangsdaten. Ein vom Administrator vorgegebenes Paket nach dem Abruf: vier Änderungen warten auf die Prüfung. - Gibt dein Administrator Pakete vor, steht hier, wie viele es sind und ob sie nach Zeitplan abgerufen werden – hier alle 60 Minuten. - Verlangt die Richtlinie Signaturen, nennt FrontTailor die vertrauenswürdigen Schlüssel. - Der Status der Quelle: „Noch nicht abgerufen“, „Aktuell“, die Zahl offener Änderungen, „Zugriff erforderlich“ oder „Fehler“. - Die Signatur: „Signiert · …“ mit der Schlüssel-ID, „Unbekannter Schlüssel“, „Unsigniert“ oder „Ungültige Signatur“. - … Änderungen prüfen öffnet die Vorschau. Ohne offene Änderungen heißt der Knopf Anzeigen. - Abrufen lädt die aktuelle Fassung. Fehlt die Freigabe für den Host, heißt der Knopf Zugriff erlauben. Unter jeder Quelle stehen URL, Paketstand (Datum und Autor), Zuletzt abgerufen und Zuletzt übernommen. Bis zu 20 eigene Quellen sind möglich. ### Änderungen prüfen und auswählen Die Vorschau vergleicht das Paket Bereich für Bereich mit deinen Einstellungen. Jede Änderung ist als Neu, Geändert oder Entfernt markiert und zeigt die Felder vorher → nachher. Entfernt wird nur, was früher aus dieser Quelle kam und im Paket fehlt; was du selbst angelegt hast, löscht Team-Sync nie. Selektiv übernehmen: Das Host-Profil kommt aus einer anderen Quelle und ist deshalb nicht vorausgewählt. - Konflikte stehen als Tag an der Änderung: „Eigener lokaler Eintrag“ (gleicher Schlüssel, aber nicht aus dieser Quelle) oder „Lokal geändert“ (aus dieser Quelle, seither von dir geändert). - Eine Checkbox pro Änderung, eine pro Bereich. Konflikte sind nicht vorausgewählt – deine Fassung bleibt, solange du die Änderung nicht auswählst. - Ablehnen lehnt alle offenen Änderungen ab. Sie werden erst wieder vorgeschlagen, wenn sich ihr Wert im Paket ändert. - Übernehmen (n) übernimmt die ausgewählten Änderungen. Was du nicht ausgewählt hast, gilt als abgelehnt. Weitere Hinweise in der Vorschau: „Dieses Paket ist nicht signiert. Übernehmen Sie es nur, wenn Sie der Quelle vertrauen.“ bei unsignierten Paketen und „Übersprungene ungültige Einträge des Pakets: n.“, wenn einzelne Einträge ungültig waren – das übrige Paket bleibt nutzbar. PROD-Schutz Eine Änderung, die ein PROD-Kennzeichen löscht oder ein PROD-Profil entfernt, trägt den Tag „Hebt PROD-Schutz auf“ und ist nie vorausgewählt. Hosts, die dein Administrator per Richtlinie als PROD festlegt, bleiben PROD – egal, was ein Paket enthält. ### Vom Administrator vorgegebene Pakete Dein Administrator kann Pakete über die Richtlinie vorgeben (bis zu 10). Sie stehen mit dem Tag Administrator in der Liste und lassen sich nicht entfernen. Ist ein Zeitplan gesetzt, ruft FrontTailor sie automatisch ab – übernommen wird trotzdem erst nach deiner Prüfung. Die Quelle zeigt dann die Zahl der offenen Änderungen. Ein vorgegebenes Paket wird vollständig übernommen. - „Vom Administrator vorgegeben: Das Paket wird vollständig übernommen; einzelne Änderungen lassen sich nicht abwählen.“ - Alle Änderungen sind ausgewählt und gesperrt. - Alle übernehmen übernimmt das Paket. Hast du vorgegebene Einträge lokal geändert, erscheinen sie beim nächsten Abruf als „Lokal geändert“ und werden mit dem Paket zurückgesetzt. Verlangt die Richtlinie Signaturen, nimmt FrontTailor nur Pakete an, die mit einem der hinterlegten Schlüssel signiert sind – vorgegebene Pakete, eigene Abos und Importe gleichermaßen. Eine ungültige Signatur wird immer abgelehnt. Was Administratoren einstellen können, steht unter [Richtlinie für Team-Pakete](https://fronttailor.com/doku/team-pakete#richtlinie). ### Importieren und exportieren Ohne URL geht es auch per Datei oder Zwischenablage, in der Karte Import & Export. Importieren per Einfügen, darunter der Export der eigenen Einstellungen. - Paketdatei: eine .json-Datei wählen. - Oder Paket einfügen: den Inhalt der Datei einfügen – ein signiertes Paket genau so, wie es ist. - Paket prüfen öffnet die Vorschau. „Noch wird nichts übernommen“ – du wählst wie beim Abo aus. - Bereiche für den Export, mit der Zahl deiner lokalen Einträge je Bereich. - Herunterladen speichert das Paket als Datei, Kopieren legt es in die Zwischenablage. Paketname und Autor sind Pflicht. Der Export ist unsigniert und enthält keine Zugangsdaten: Geheime Header und Query-Werte werden entfernt. Wer ihn als Team-Paket veröffentlicht, signiert ihn vorher – siehe [Ein Paket signieren](https://fronttailor.com/doku/team-pakete#signieren). ### Lokale Einstellungen und Quellen entfernen Die Karte Lokale Einstellungen (anfangs zugeklappt) zeigt je Bereich, wie viele Einträge in diesem Browser liegen und woher sie kommen. Nach dem Übernehmen: vier Einträge kommen aus dem vorgegebenen Paket. - Eine Zeile pro Bereich: Lokal (alle Einträge), Aus Team, Lokal geändert (aus dem Team, danach von dir geändert) und Administrator (aus vorgegebenen Paketen). Mit Quelle entfernen (Papierkorb an der Quelle) löst du ein eigenes Abo oder einen Import. Die übernommenen Einträge bleiben erhalten und gelten danach als deine lokalen Einträge. Knopf | Wirkung Abonnieren | Speichert die URL als Quelle, ohne abzurufen. Abrufen / Zugriff erlauben | Lädt die aktuelle Fassung und öffnet die Vorschau; fragt vorher die Freigabe für den Host an, falls sie fehlt. … Änderungen prüfen / Anzeigen | Öffnet die Vorschau des zuletzt geladenen Stands. Übernehmen (n) / Alle übernehmen | Schreibt die ausgewählten Änderungen in deine Einstellungen. Ablehnen | Lehnt alle offenen Änderungen ab; ein nie übernommener Import wird vergessen. Paket prüfen | Prüft eine gewählte oder eingefügte Paketdatei und öffnet die Vorschau. Herunterladen / Kopieren | Exportiert die gewählten Bereiche als unsigniertes Paket. Quelle entfernen | Entfernt ein eigenes Abo oder einen Import; die Einträge bleiben lokal. Ein eigenes Tastenkürzel hat der Tab nicht. Palette-Favoriten aus einem Paket findest du in der Befehlspalette (Alt+Shift+K), siehe [Befehlspalette](https://fronttailor.com/doku/command-palette). ### Was übertragen wird Beim Abruf stellt der Service Worker der Extension eine einfache GET-Anfrage an die Paket-URL – mit dem, was der Browser für diese Adresse ohnehin mitschickt, also auch den Cookies deiner Sitzung bei diesem Host. Es gehen keine Daten aus deinen SAP-Systemen oder aus FrontTailor hinaus. Quellen, Pakete und die Herkunft der Einträge liegen nur in chrome.storage.local, nie im synchronisierten Speicher. Mehr unter [Datenschutz](https://fronttailor.com/doku/berechtigungen-und-datenschutz). ### Typische Probleme Meldung | Ursache und Abhilfe „Team-Sync braucht eine Team- oder Enterprise-Lizenz, die dieses SAP-System umfasst.“ | Team-Sync gehört zur Edition Team. Ist deine Lizenz an SAP-Systeme gebunden, öffne eine App auf einem dieser Systeme. „Die URL enthält einen Token- oder Passwort-Parameter …“ | Tokens gehören nicht in die URL. Melde dich stattdessen im Browser beim Host an. „Nur HTTPS-URLs sind erlaubt (HTTP nur für localhost).“ | Nutze die HTTPS-Adresse der Datei. „Die Antwort ist keine JSON-Datei …“ | Meist kam eine Anmeldeseite zurück. Öffne die URL einmal im Browser und melde dich an. Bei Git-Diensten die Raw-Adresse der Datei nehmen. „Zugriff erforderlich“ | Die Freigabe für den Host fehlt. Klicke Zugriff erlauben. „Ihr Administrator erlaubt nur signierte Pakete …“ oder „Das Paket ist mit einem Schlüssel signiert, dem Ihr Administrator nicht vertraut.“ | Das Paket muss mit einem Schlüssel aus der Richtlinie signiert sein. Wende dich an die Person, die das Paket pflegt. „Die Signatur passt nicht zum Inhalt. Das Paket wurde abgelehnt.“ | Die Datei wurde nach dem Signieren verändert. Lass sie neu signieren. „Das Paket braucht eine neuere FrontTailor-Version …“ | Aktualisiere die Extension. „Ihr Administrator erlaubt keine eigenen Pakete.“ | Die Richtlinie lässt nur die vorgegebenen Pakete zu; eigene Abos und Importe sind abgeschaltet. Der Tab Team fehlt | Dein Administrator hat das Modul abgeschaltet. ### Siehe auch - Funktionen im Überblick [Funktionen · Team](https://fronttailor.com/funktionen#team) - Zum Nachlesen [Git und SAP – Versionsverwaltung und Transporte](https://www.rheinwerk-verlag.de/git-und-sap/) (SAP PRESS) - Zum Nachlesen [SAPUI5 – The Comprehensive Guide](https://www.sap-press.com/sapui5_6012/) (SAP PRESS) - Hilfe von Menschen [Coaching und MasterCLASS mit dem Team der Autoren](https://fronttailor.com/leistungen#coaching) - Doku [Team-Pakete](https://fronttailor.com/doku/team-pakete) - Doku [Host-Profile und PROD](https://fronttailor.com/doku/host-profile-und-prod) - Doku [Problem melden](https://fronttailor.com/doku/problem-melden) - Doku [Befehlspalette](https://fronttailor.com/doku/command-palette) - Belege ADR-021 Häufige Fragen ### Kurz beantwortet. **Brauche ich einen Server für Team-Sync?** Nein. Ein Team-Paket ist eine JSON-Datei, die dein Team selbst ablegt, etwa als Git-Raw-Datei, auf SharePoint oder einem internen Server. Import und Export gehen auch per Datei oder Zwischenablage. **Überschreibt ein Team-Paket meine eigenen Einstellungen?** Nicht ohne deine Zustimmung. Jede Änderung erscheint zuerst in der Vorschau. Konflikte mit eigenen oder lokal geänderten Einträgen sind nicht vorausgewählt, und was du selbst angelegt hast, löscht Team-Sync nie. Nur vom Administrator vorgegebene Pakete werden vollständig übernommen. **Ruft FrontTailor Team-Pakete im Hintergrund ab?** Eigene Abos nur, wenn du auf Abrufen klickst. Vom Administrator vorgegebene Pakete zusätzlich nach dem Zeitplan der Richtlinie. Übernommen wird in beiden Fällen erst nach deiner Prüfung. **Welche Edition brauche ich?** Team-Sync gehört zur Edition Team und ist auch in Enterprise enthalten. Deine Frage ist nicht dabei? Sprich mich an: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Schreib mir](https://fronttailor.com/kontakt) --- # UI5 2.0 Migration prüfen: Readiness-Check · FrontTailor Quelle: https://fronttailor.com/doku/ui5-2-readiness > UI5-2.0-Readiness der laufenden App prüfen: synchrones Laden, veraltete APIs, Controls, Themes, Manifest und Bootstrap – mit Score, Datei und Zeile und SAP-Ersatz. ## UI5 2.0 Mit UI5 2.x entfallen alle veralteten APIs: sap.ui.getCore(), jQuery.sap.*, synchrones Laden, alte Themes und Bibliotheken. Der Readiness-Check zeigt, was davon deine App betrifft – aus der laufenden App, mit Datei und Zeile, Schweregrad und dem Ersatz laut SAP-Dokumentation. Prüfung und Befunde sind kostenlos; den Migrationsbericht gibt es mit Pro. **Edition** Community **Tab** „UI5 2.0“ **Migrationsbericht** Pro **Oberflächen** DevTools-Panel und Side-Panel **Auf PROD** erlaubt, die Prüfung ändert nichts an der App Diese Seite beantwortet - Ist meine UI5-App bereit für UI5 2.0? - Wo ruft meine App noch sap.ui.getCore() oder jQuery.sap auf? - Welche Module lädt meine App synchron? - Wie viel Aufwand steckt in der Migration auf UI5 2.x? ### So arbeitet der Check Öffne in den DevTools (F12) das Panel FrontTailor oder das Side-Panel und wähle den Tab UI5 2.0. Vor dem Start läuft in der Seite nichts. Nach dem Klick auf Prüfung starten liest FrontTailor Laufzeit, Manifest, Bootstrap und die aktiven Controls und beobachtet dann veraltete API-Aufrufe, während du die App benutzt. Am Ende wird jeder Eingriff zurückgenommen. Der statische @ui5/linter von SAP sieht den Quellcode. Der Readiness-Check ergänzt ihn um das, was nur zur Laufzeit sichtbar ist: dynamisch zusammengesetzte Aufrufe, Code aus Kunden-Bibliotheken, Properties an lebenden Controls, Bootstrap-Attribute der ausgelieferten Seite und synchron nachgeladene Module. ### Eine Prüfung starten - Öffne die App und im Panel den Tab UI5 2.0. - Wähle unter Beobachten für die Dauer: 30 Sekunden, 1 Minute, 3 Minuten oder 10 Minuten. - Klicke Prüfung starten. Die Befunde aus Manifest, Bootstrap, Bibliotheken und Controls erscheinen sofort. - Benutze die App wie gewohnt: Dialoge öffnen, navigieren, speichern. Veraltete Aufrufe erscheinen, sobald die App sie macht. - Klicke Jetzt beenden oder warte, bis die Zeit abläuft. Danach heißt der Button Erneut prüfen. Während der Beobachtung zählt der Hinweis die Sekunden herunter. - „Beobachte die App – benutze sie wie gewohnt …“ mit der verbleibenden Zeit. - Jetzt beenden stoppt die Beobachtung vorzeitig. Den Check startet auch die [Befehlspalette](https://fronttailor.com/doku/command-palette). Code, der während der Beobachtung nicht läuft, bleibt unsichtbar – den findet nur der statische @ui5/linter. Auf PRODDer Check ändert nichts an der App und ist deshalb auch auf einem als PROD markierten Host ([Host-Profile und PROD](https://fronttailor.com/doku/host-profile-und-prod)) erlaubt. Die Beobachtung umhüllt veraltete Funktionen nur für die gewählte Zeit; beim Stopp stellt FrontTailor die Originale wieder her – außer, die App hat sie inzwischen selbst überschrieben. ### Score und Kategorien Die Freestyle-Demo-App hat keinen Blocker, aber drei Punkte zum Beheben. - Der Score von 0 bis 100. - Die Zusammenfassung, darunter Zeitpunkt, UI5-Version und Zahl der gesehenen veralteten Aufrufe. - Je Kategorie ein Teil-Score mit Zahl der Befunde je Schweregrad. Ein Klick filtert die Befundliste auf diese Kategorie. - Beobachten für: Dauer des nächsten Laufs. - Erneut prüfen. Je Kategorie gilt: 100 minus 30 je Blocker, 10 je Beheben und 2 je Hinweis. Der Gesamtscore ist der Durchschnitt der Kategorien und liegt bei einem offenen Blocker höchstens bei 49. Gezählt werden unterschiedliche Befunde, nicht Aufrufe – eine oft aufgerufene Stelle verzerrt die Bewertung nicht. Kategorie | Was geprüft wird Synchrones Laden | synchron per XHR geladene Module, Komponente ohne IAsyncContentCreation, manifest nicht "json", Ressourcenmodell ohne async Veraltete APIs | beobachtete Aufrufe von sap.ui.getCore() und Core-Methoden, sap.ui.requireSync, jQuery.sap.*, synchronen Factories und globalen Namespaces – nur aus App-Code Controls | veraltete Controls sowie gesetzte veraltete Properties, Aggregationen und Events an lebenden Controls Bibliotheken & Themes | veraltete Bibliotheken wie sap.ui.commons und Themes wie sap_belize → sap_horizon Manifest | _version unter 2, minUI5Version unter 1.120, umbenannte Routing-Einträge, entfernte Einträge Bootstrap | fehlendes data-sap-ui-async, veraltete Optionen, Inline-Init, compatVersion Geprüft wird die App, nicht das Framework: Templates von Fiori Elements und die Launchpad-Shell erzeugen keine Befunde. ### Befunde lesen und filtern Der Befund „Module synchron geladen“: Die Demo-App läuft unter ui5 serve ohne Preload-Bundles. - Befunde filtern: Suche im Freitext. - Schwere: Alle, Blocker, Beheben, Hinweis. - Kategorie. - Schweregrad und Anzahl der Vorkommen. - Fundstellen: bis zu acht Beispiele, bei Aufrufen als datei:zeile:spalte des Aufrufers. - SAP-Dokumentation öffnet die passende Seite, etwa „Best Practices for Loading Modules“. - Als Markdown kopieren nimmt den Befund mit – etwa für ein Ticket. Schweregrad | Bedeutung Blocker | in UI5 2.x entfernt – die App bricht Beheben | funktioniert, blockiert aber die Migration oder kostet Ladezeit Hinweis | sollte angepasst werden, bricht aber nichts Jeder Befund nennt Kategorie, Ersatz und Gefunden (beim Start der Prüfung oder beim Beobachten der App) und darunter die Lösung. Bei Befunden zu Bibliotheken führt Bibliotheken analysieren in den Tab [Bibliotheken](https://fronttailor.com/doku/bibliotheken). Mit ab Pro schlägt Mit KI beheben eine Änderung vor – mit deinem eigenen Schlüssel und erst nach Vorschau, siehe [KI-Assistent](https://fronttailor.com/doku/ki). ### Migrationsbericht Mit ab Pro exportierst du unter der Befundliste den ganzen Lauf: Die beiden Exporte stehen am Ende der Befundliste. - Alle Fundstellen (.csv): jedes Vorkommen als Zeile, etwa zum Verteilen im Team. - Bericht (.md): der Migrationsbericht mit Zusammenfassung, Aufwand je Kategorie und dem Vergleich mit dem vorigen Lauf derselben App. - Der Aufwand ist eine Schätzung in Stunden je Regel mal Fundstellen und im Bericht als Richtwert gekennzeichnet. - Der Vergleich nennt, was seit dem letzten Lauf neu, behoben oder verändert ist. Beim ersten Lauf einer App steht dort „Erster Lauf dieser App – der nächste Bericht vergleicht mit diesem.“ - Ohne Pro zeigen die Buttons ein Schloss; ein Klick erklärt, was der Bericht enthält. Prüfung, Befunde und Als Markdown kopieren bleiben frei. ### Was gespeichert wird Alles bleibt in diesem Browser. Fundstellen sind nur Datei und Zeile, ohne Origin, Query oder Hash. Für den Vergleich speichert FrontTailor je App die letzten zehn Läufe als Zählerstände – Regel, Kategorie, Schweregrad und Anzahl, keine Beispiele, keine Dateipfade, keine Daten der App. In den Exporten werden E-Mail-Adressen und IBANs maskiert. ### Typische Probleme Was du siehst | Ursache und Lösung „Keine verbundene UI5-App in diesem Tab.“ | Die Seite hat (noch) kein UI5 geladen oder der Host ist nicht freigegeben – siehe [Domain freigeben](https://fronttailor.com/doku/einstieg#freigabe). Veraltete APIs bleibt bei 100, obwohl der Linter Befunde meldet | Gezählt werden nur Aufrufe, die während der Beobachtung laufen. Benutze die betroffenen Funktionen der App oder wähle eine längere Dauer. Viele synchron geladene Module | Typisch für ui5 serve ohne Preload-Bundles. Prüfe die gebaute App (ui5 build) mit data-sap-ui-async="true". „Sehr große App: Der Control-Scan hat an seiner Grenze aufgehört.“ | Der Scan liest höchstens 5000 Elemente oder 400 ms. Prüfe die einzelnen Bereiche der App nacheinander. Der Tab fehlt | Deine Administration hat das Modul per Richtlinie abgeschaltet. ### Siehe auch - Funktionen im Überblick [Funktionen · Qualität](https://fronttailor.com/funktionen#qualitaet) - Zum Nachlesen [SAPUI5 – The Comprehensive Guide](https://www.sap-press.com/sapui5_6012/) (SAP PRESS) - Hilfe von Menschen [UI5 2.0: Readiness und Migration](https://fronttailor.com/leistungen#ui5-2) - Doku [Bibliotheken](https://fronttailor.com/doku/bibliotheken) - Doku [Performance](https://fronttailor.com/doku/performance) - Doku [KI-Assistent](https://fronttailor.com/doku/ki) - Belege ADR-027 Häufige Fragen ### Kurz beantwortet. **Wie prüfe ich, ob meine UI5-App bereit für UI5 2.0 ist?** Im Panel FrontTailor den Tab UI5 2.0 öffnen, Prüfung starten klicken und die App eine Weile benutzen. Der Check zeigt einen Score von 0 bis 100 und jeden Befund mit Schweregrad, Fundstelle, Ersatz und Link in die SAP-Dokumentation. **Ersetzt der Readiness-Check den @ui5/linter?** Nein, er ergänzt ihn. Der Linter sieht den Quellcode, der Readiness-Check die laufende App: dynamische Aufrufe, Kunden-Bibliotheken, Properties an Controls und synchron geladene Module. Code, der während der Prüfung nicht läuft, findet nur der Linter. **Was kostet der UI5-2.0-Check?** Prüfung, Score, Befundliste und Als Markdown kopieren sind kostenlos (Community). Den Migrationsbericht als Markdown oder CSV mit Aufwand je Kategorie und Vergleich zum vorigen Lauf gibt es mit Pro. **Darf ich den Check auf einem Produktivsystem laufen lassen?** Ja. Er liest nur und beobachtet Aufrufe für die gewählte Dauer; danach stellt er alle Funktionen wieder her. Gespeichert werden nur Zählerstände je Regel, keine Daten der App. Deine Frage ist nicht dabei? Sprich mich an: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Schreib mir](https://fronttailor.com/kontakt) --- # UI5 Bibliotheken im Manifest prüfen · FrontTailor Quelle: https://fronttailor.com/doku/bibliotheken > Welche UI5-Bibliotheken lädt die App, woher kommen sie und stehen sie in sap.ui5/dependencies/libs? Mit Netzwerksicht, Befunden und kopierbarem Manifest-Vorschlag. ## Bibliotheken Eine UI5-App muss jede Bibliothek, die sie nutzt, in sap.ui5/dependencies/libs nennen. Fehlt eine, läuft die App oft trotzdem – bis sie langsam startet, synchron nachlädt oder im Launchpad bricht. Die Bibliotheksanalyse zeigt für die laufende App, welche Bibliotheken geladen sind, woher sie kommen, ob das Manifest sie deklariert und welche Controls daraus stammen. Analyse und Vorschlag sind kostenlos; den Export gibt es mit Pro. **Edition** Community **Tab** „Bibliotheken“ **Export** Pro **Oberflächen** DevTools-Panel und Side-Panel **Auf PROD** erlaubt, die Analyse liest nur Diese Seite beantwortet - Welche UI5-Bibliotheken lädt meine App wirklich? - Fehlt eine Bibliothek in sap.ui5/dependencies/libs? - Warum kommen Module einzeln statt als Preload? - Welche Controls stammen aus einer nicht deklarierten Bibliothek? ### Analysieren Öffne in den DevTools (F12) das Panel FrontTailor oder das Side-Panel und wähle den Tab Bibliotheken. Bis du Analysieren klickst, läuft in der Seite nichts. - Öffne die App und navigiere zu den Views, die du prüfen willst – auch Dialoge. - Wähle im Panel den Tab Bibliotheken und klicke Analysieren. - Lies das Urteil und die Befunde. Fehlt eine Deklaration, nimmt der Manifest-Vorschlag sie auf. - Kopiere den Vorschlag mit Kopieren in die manifest.json der App. - Nach weiteren Schritten in der App klicke Erneut analysieren. Die Analyse der Freestyle-Demo-App: kein Fehler, ein Info- und ein Hinweis-Befund. - Das Urteil, etwa „Das Manifest deklariert jede Bibliothek, die die App nutzt.“ - Zähler je Schweregrad: Fehler, Warnung, Info, Hinweis. - Was geprüft wurde: App, UI5-Version, minUI5Version, App-Controls und Elemente. Darunter die Netzwerk-Zusammenfassung. - Hinweis, wenn der Resource-Timing-Puffer des Browsers voll ist (siehe Netzwerk). - Erneut analysieren. Gesehen werden nur Controls, die gerade existieren. Dialoge und Views, die noch nie offen waren, fehlen – öffne sie und analysiere erneut. Im Launchpad zählt die laufende App, nicht die Shell; Templates von Fiori Elements gehören zum Framework. Auf PRODDie Analyse liest nur Daten, die die Laufzeit schon im Speicher hat, stellt keine Requests und ändert nichts an der App. Sie ist deshalb auch auf einem als PROD markierten Host ([Host-Profile und PROD](https://fronttailor.com/doku/host-profile-und-prod)) erlaubt. Auch In der Seite markieren zeichnet nur einen Rahmen über die Seite. ### Befunde Zwei Befunde in der Demo-App: Der lokale Server liefert keine Preloads, und sap.ui.layout ist deklariert, aber (noch) ungenutzt. - Nach Bibliothek oder Control filtern. - Schwere: Alle, Fehler, Warnung, Info, Hinweis. - Schweregrad des Befunds. - Netzwerk: wie die Bibliothek kam – Preload oder Einzelmodule, Zahl der Module, Theme-Dateien, Server, Größe und Dauer. Darunter die geladenen Module als Beleg. - Behebung mit dem konkreten Schritt; darunter der Link in die UI5-Dokumentation. - Export als CSV oder Markdown (siehe Export). Befund | Schwere | Wann Genutzt, aber nicht deklariert | Fehler | Controls der App stammen aus der Bibliothek, und weder Manifest noch Bootstrap noch eine deklarierte Bibliothek deckt sie ab Nur im Bootstrap deklariert | Warnung | nur data-sap-ui-libs lädt sie – im Launchpad gibt es diese HTML-Seite nicht Über eine andere Bibliothek vorgeladen | Info | nicht deklariert, kommt aber als Abhängigkeit einer deklarierten Bibliothek Geladen, aber nicht deklariert | Warnung, in Fiori-Elements-Apps und im Launchpad Info | geladen, nichts erklärt sie, kein Control der App nutzt sie Lazy deklariert, noch nicht geladen | Info | mit "lazy": true deklariert und noch nicht gebraucht Deklariert, aber nicht geladen | Warnung | deklariert (nicht lazy), aber nicht geladen Deklariert, aber kein Control der App nutzt sie | Hinweis | nur ein Hinweis, weil nicht geöffnete Views und Dialoge fehlen Bibliothek älter als ihre minVersion | Warnung | minVersion der Deklaration über der geladenen Version; dazu Warnungen zu minUI5Version Bibliotheksversion weicht vom Core ab | Warnung | Framework-Bibliothek mit anderer Version als sap.ui.core Deklariert, aber kein Preload gefunden | Warnung | Netzwerk: Module kamen einzeln, während andere Bibliotheken ein Preload hatten Über das Netzwerk geladen, nicht deklariert | Warnung oder Info | Netzwerk: angefragt, nicht deklariert, nichts erklärt sie Kein Bibliotheks-Preload auf dem Server | Info | Netzwerk: überhaupt kein library-preload – Server oder Build, nicht das Manifest (etwa ui5 serve) Befunde mit Controls nennen Klasse, Anzahl und bis zu fünf Beispiele mit ID und View. Im Inspector zeigen öffnet das Control im [Inspector](https://fronttailor.com/doku/inspector), In der Seite markieren rahmt es in der App ein. ### Manifest-Vorschlag Der Vorschlag als JSON – hier ist nichts zu ergänzen. - Was ergänzt wurde, etwa „Ergänzt: sap.ui.layout“ – oder dass nichts fehlt. - Warum jede Bibliothek deklarieren?: Preload, synchrone Requests, CSP, UI5 2.0 und Launchpad. - Kopieren. Der Vorschlag enthält die vorhandenen Deklarationen und ergänzt fehlende Bibliotheken. Leben alle Controls einer Bibliothek nur in Dialogen oder Popovern, schlägt er sie als "lazy": true vor – dann lädst du sie vor der Nutzung mit sap/ui/core/Lib.load. Deklarationen ohne Nutzung bleiben stehen: Prüfe sie, bevor du sie entfernst. ### Geladene Bibliotheken und Netzwerk Die drei Bibliotheken der Demo-App. Ohne Preload kommen ihre Module einzeln vom App-Server. - Manifest: deklariert oder nicht. - Netzwerk: Preload, Einzelmodule, Bootstrap-Bündel oder keine Requests, mit Zahl der Module, synchronen Loads, Theme-Dateien, Server oder CDN, Größe und Dauer. - Gekommen über: woher die Bibliothek stammt. - Status der Bibliothek; daneben die Zahl der App-Controls aus ihr. Gekommen über | Bedeutung App-Manifest | in sap.ui5/dependencies/libs der App Komponente | im Manifest einer Komponente der App, etwa des List Reports Bootstrap | data-sap-ui-libs oder window["sap-ui-config"].libs Abhängigkeit | nicht-lazy Abhängigkeit einer geladenen Bibliothek Lazy-Abhängigkeit | lazy Abhängigkeit einer geladenen Bibliothek – erklärt nichts, sie wird nicht vorgeladen Framework | Launchpad-Shell oder ihre Plug-ins Implizit | nichts davon – geladen, ohne dass etwas Sichtbares es erklärt Die Netzwerksicht liest die Resource-Timing-Einträge der Seite – so wie der Netzwerk-Tab der DevTools, aber auch im Side-Panel und ohne zusätzliche Requests. Der Browser hält standardmäßig 250 Einträge; danach fehlen weitere. FrontTailor ändert die Puffergröße nicht, sondern zeichnet ab dem Öffnen des Tabs jeden UI5-Request selbst auf. Ist der Puffer voll, sagt der Tab das: Benutze die App weiter und analysiere erneut. ### Export Mit ab Pro exportieren Markdown und CSV einen Bibliotheksbericht über alle Apps, die du in diesem Tab analysiert hast – etwa nacheinander geöffnete Apps eines Launchpads. Der Bericht enthält Bibliotheks- und Klassennamen, Control-IDs, View-Namen und die URL ohne Parameter, keine Daten der App; E-Mail-Adressen und IBANs in IDs werden maskiert. Die Analysen der Sitzung liegen nur bis zum Schließen des Tabs im Browser. Ohne Pro erklärt ein Klick auf den Export, was er enthält; Analyse, Befunde und Manifest-Vorschlag bleiben frei. Befunde zu Bibliotheken im [UI5-2.0-Check](https://fronttailor.com/doku/ui5-2-readiness) führen mit Bibliotheken analysieren direkt in diesen Tab. ### Typische Probleme Was du siehst | Ursache und Lösung „Keine App-Komponente in diesem Frame gefunden (Launchpad-Startseite?) …“ | Auf der Startseite gibt es keine App. Öffne eine App und analysiere erneut. Deklariert, aber kein Control der App nutzt sie, obwohl die Bibliothek gebraucht wird | Die Controls leben in einer View oder einem Dialog, die noch nicht offen waren. Öffne sie und analysiere erneut – oder deklariere die Bibliothek lazy. Kein Bibliotheks-Preload auf dem Server | Typisch für lokale Entwicklungsserver mit Quellen. Lokal nichts zu tun; prüfe die ausgelieferte App mit gebautem UI5. Hinweis auf vollen Resource-Timing-Puffer | Requests zwischen Überlauf und Öffnen des Tabs fehlen. Ab jetzt zeichnet FrontTailor jeden UI5-Request auf: App benutzen und erneut analysieren. ### Siehe auch - Funktionen im Überblick [Funktionen · Qualität](https://fronttailor.com/funktionen#qualitaet) - Zum Nachlesen [SAPUI5 – The Comprehensive Guide](https://www.sap-press.com/sapui5_6012/) (SAP PRESS) - Hilfe von Menschen [UI5 2.0: Readiness und Migration](https://fronttailor.com/leistungen#ui5-2) - Doku [UI5 2.0](https://fronttailor.com/doku/ui5-2-readiness) - Doku [Performance](https://fronttailor.com/doku/performance) - Doku [Inspector](https://fronttailor.com/doku/inspector) - Belege ADR-034 Häufige Fragen ### Kurz beantwortet. **Wie prüfe ich, ob mein UI5-Manifest alle Bibliotheken deklariert?** Im Panel FrontTailor den Tab Bibliotheken öffnen und Analysieren klicken. Die Analyse vergleicht die geladenen Bibliotheken und die Controls der App mit sap.ui5/dependencies/libs und schlägt fehlende Einträge als kopierbares JSON vor. **Warum soll ich jede UI5-Bibliothek im Manifest deklarieren?** Deklarierte Bibliotheken lädt UI5 als Preload-Paket parallel zum Start. Nicht deklarierte kommen Modul für Modul, oft synchron; das kostet Ladezeit, braucht unter einer strikten CSP unsafe-eval und bricht in UI5 2.0 und im Launchpad. **Was kostet die Bibliotheksanalyse?** Analyse, Befunde, Netzwerksicht und Manifest-Vorschlag sind kostenlos (Community). Den Bericht als Markdown oder CSV über alle analysierten Apps gibt es mit Pro. Deine Frage ist nicht dabei? Sprich mich an: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Schreib mir](https://fronttailor.com/kontakt) --- # UI5 i18n und Barrierefreiheit prüfen (WCAG) · FrontTailor Quelle: https://fronttailor.com/doku/i18n-und-barrierefreiheit > i18n- und Barrierefreiheitsprüfung für UI5-Apps: fehlende Schlüssel, hartcodierte Texte, Übersetzungen, Labels, Tooltips und Kontrast nach WCAG 2.2 AA. ## Qualität: i18n & Barrierefreiheit Ein Klick, und FrontTailor liest die laufende App einmal durch: Welche i18n-Schlüssel fehlen, welche Texte sind hartcodiert, wo fehlt eine Übersetzung, welcher Button hat keinen zugänglichen Namen, welcher Text zu wenig Kontrast? Jeder Befund nennt Control, Regel, Behebung und den Link auf die UI5- und WCAG-Doku – und springt auf Wunsch in den Inspector. **Edition** ab Pro **Tab** „Qualität“ **Abschnitte** „Texte“ und „Barrierefreiheit“ **Maßstab** WCAG 2.2 AA und die UI5-Richtlinien zur Barrierefreiheit **Oberflächen** DevTools-Panel und Side-Panel **Auf PROD** erlaubt, die Prüfung liest nur Diese Seite beantwortet - Welche i18n-Schlüssel fehlen in meiner UI5-App? - Wo hat meine Fiori-App hartcodierte Texte? - Welche Übersetzungen fehlen in meinen .properties-Dateien? - Ist meine UI5-App barrierefrei nach WCAG 2.2 AA? - Welche Buttons haben keinen Tooltip für Screenreader? ### So arbeitet die Prüfung Öffne in den DevTools (F12) das Panel FrontTailor oder das Side-Panel und wähle den Tab Qualität. Vor dem Klick läuft in der Seite nichts. Dann liest FrontTailor die App einmal: Controls, Bindings, Resource Bundles, Beschriftungen und Farben. Alles wird in deinem Browser ausgewertet. Geprüft wird nur, was zur App gehört: Controls, die einer Komponente der App gehören und gerendert sind. Die Launchpad-Shell, nicht gerenderte Controls und das Innenleben von Bibliotheken bleiben außen vor. Controls aus Templates von Fiori Elements bekommen ihre Texte aus Annotationen und werden deshalb nicht auf hartcodierte Texte geprüft. ### Eine Prüfung starten - Öffne die App auf der Seite, die du prüfen willst, und im Panel den Tab Qualität. - Klicke Prüfen. Sollen auch die Sprachdateien verglichen werden, klicke stattdessen Übersetzungen laden (de, en). - Lies oben die Summe aus Fehlern, Warnungen und Hinweisen, darunter die Abschnitte Texte und Barrierefreiheit. - Hast du etwas behoben oder eine andere Seite der App geöffnet, klicke Erneut prüfen. Die Freestyle-Demo-App nach der Prüfung: 121 Controls, ein Bundle, 65 Kontrastproben. - Prüfen, nach dem ersten Lauf Erneut prüfen. - Übersetzungen laden (de, en): prüft und vergleicht dazu die Sprachdateien. - Die Summe aus Fehlern, Warnungen und Hinweisen. - Zeitpunkt, Zahl der Controls, Bundles und Kontrastproben, Dauer; darunter UI5-Version, Sprache und Theme. Die Prüfung startet auch über die [Befehlspalette](https://fronttailor.com/doku/command-palette) (Alt+Shift+K, auf dem Mac ⌥+Shift+K) mit dem Befehl i18n- und Barrierefreiheitsprüfung starten. Die Seite merkt sich den letzten Bericht: Nach einem Lauf aus der Palette oder einem Wechsel zwischen DevTools und Side-Panel zeigt der Tab ihn, ohne neu zu prüfen. Anzeige | Bedeutung „… Controls stammen aus Fiori-Elements-Templates …“ | So viele Controls sind von der Regel für hartcodierte Texte ausgenommen. „… Texte auf Bildern oder Verläufen: Kontrast nicht berechenbar.“ | Für diese Texte gibt es keine einfarbige Hintergrundfarbe; sie werden beim Kontrast übersprungen. „Große App: Es werden nur die ersten Befunde bzw. Controls gezeigt.“ | Ein Bericht enthält höchstens 1.500 Befunde, Fehler zuerst. Auf PRODDie Prüfung liest nur und ist deshalb auch auf einem als PROD markierten Host ([Host-Profile und PROD](https://fronttailor.com/doku/host-profile-und-prod)) erlaubt. Auch Neu laden mit Sprache ist erlaubt – es setzt nur einen URL-Parameter, wie du es in der Adresszeile könntest. Gesperrt ist dort das Umschalten der Sprache ohne Neuladen in den [Werkzeugen](https://fronttailor.com/doku/werkzeuge#sprache), weil es die laufende App ändert. ### Abschnitt „Texte“ Nach „Übersetzungen laden“: beide Sprachdateien der Demo-App haben 24 Schlüssel. - Sprache testen: App in einer anderen Sprache neu laden, dann erneut prüfen. - Filter nach Schweregrad: Alle, Fehler, Warnung, Hinweis, je mit Anzahl. - Filter nach Regel: Alle Regeln oder eine Regel mit Anzahl. - Nach Control, Schlüssel oder Text filtern. - Stand jeder geladenen Sprachdatei: Zahl der Schlüssel oder Datei fehlt, nicht in supportedLocales, nicht ladbar, anderer Ursprung – nicht geladen. - Ein Befund mit Regel, Schlüssel, Bundle, Text, geladenen Dateien und Behebung. Regel | Schwere | Wann i18n-Schlüssel fehlt | Fehler | Ein Binding verweist auf einen Schlüssel, den es im Bundle nicht gibt. UI5 zeigt dann den Schlüssel selbst. Text aus einer Ersatzsprache | Warnung | Der Schlüssel fehlt in der Datei der aktuellen Sprache; UI5 zeigt den Text aus einer Ersatzdatei. Schlüssel ungenutzt (Hinweis) | Hinweis | Keine geladene View, kein Fragment, Binding oder Manifest nutzt den Schlüssel. Hartcodierter Text | Warnung | Eine Text-Property ist fest gesetzt statt an {i18n>…} gebunden. Kommt der Text aus Daten, ignoriere den Befund. Übersetzung fehlt | Warnung | Ein Schlüssel fehlt in einer geladenen Sprachdatei (nur nach Übersetzungen laden). Sprachdatei fehlt | Warnung | Eine Sprache steht in supportedLocales, die Datei gibt es aber nicht. Platzhalter weichen zwischen Sprachen ab | Fehler | Eine Übersetzung hat andere Platzhalter ({0}, {1} …) als die Referenz – Werte gehen verloren oder erscheinen als {0}. Übersetzungen laden (de, en) lädt die Sprachdateien der eigenen Resource Bundles der App über UI5 – nur vom gleichen Ursprung, nur lesend, höchstens zehn Bundles – und vergleicht sie mit der Standarddatei. Eine Sprache, die nicht in den supportedLocales steht, wird nicht angefragt, sondern als nicht in supportedLocales gemeldet. ### Sprache testen - Prüfe die App einmal, damit der Abschnitt Texte erscheint. - Wähle unter Sprache testen die Sprache. Daneben steht die aktuelle Sprache. - Klicke Neu laden mit Sprache. Die App lädt mit dem URL-Parameter sap-ui-language neu – Bundles, Texte von Fiori Elements und OData-Texte kommen dann in der neuen Sprache. - Klicke im Tab Qualität auf Prüfen. Mehr in Werkzeuge öffnet die Karte Sprache im Tab [Werkzeuge](https://fronttailor.com/doku/werkzeuge#sprache): mit allen Sprachen der App, den SAP-Testsprachen, RTL und dem Umschalten ohne Neuladen. ### Abschnitt „Barrierefreiheit“ Die Liste der Demo-App hat keinen Titel – ein Hinweis nach WCAG 1.3.1. - Der Befund: Regel, Schwere, Control-Typ und ID. - Die Behebung in einem Satz. - UI5-Dokumentation und WCAG 2.2 – 1.3.1 öffnen die passenden Seiten. - Im Inspector zeigen wählt das Control im [Inspector](https://fronttailor.com/doku/inspector) aus. - In der Seite hervorheben rahmt das Control vier Sekunden lang ein. - Als Markdown kopieren nimmt den Befund mit, etwa für ein Ticket. - CSV exportieren, daneben Markdown exportieren und Alle als Markdown kopieren. Regel | WCAG | Schwere Control ohne zugänglichen Namen | 4.1.2 | Fehler Icon-Button ohne Tooltip | 4.1.2 | Warnung Bild oder Icon ohne Alternativtext | 1.1.1 | Fehler bei Bildern, Warnung bei Icons Klickbares Bild als dekorativ markiert | 1.1.1 | Warnung Formularfeld ohne Label | 3.3.2 | Warnung Tabelle oder Liste ohne Titel | 1.3.1 | Warnung bei Tabellen, Hinweis bei Listen Spalte ohne Überschrift | 1.3.1 | Fehler ARIA-Verweis ins Leere | 4.1.2 | Fehler Fokussierbares Element in verstecktem Container | 4.1.2 | Fehler Textkontrast zu gering | 1.4.3 | Fehler Beim Kontrast gilt 4,5:1, für großen Text (ab 24 px oder ab 18,66 px fett) 3:1 – ohne Runden. Deaktivierte Elemente sind ausgenommen, Texte auf Bildern oder Verläufen werden übersprungen. „In der Seite hervorheben“: Der Rahmen liegt im Overlay von FrontTailor und verschwindet nach vier Sekunden. - Rahmen und Etikett mit Control-Typ und ID. ### Befunde filtern und weitergeben Gleiche Befunde – etwa geklonte Listeneinträge oder wiederholte Texte – fasst FrontTailor zusammen und zählt sie. Beide Abschnitte haben dieselben Filter und Exporte; der Export nimmt die gerade gefilterten Befunde. Element | Wirkung Alle · Fehler · Warnung · Hinweis | Filter nach Schweregrad, je mit Anzahl Alle Regeln | Filter nach einer Regel Nach Control, Schlüssel oder Text filtern | Freitext; darunter „x von y“ Im Inspector zeigen | wechselt in den Tab Inspector und wählt das Control aus; ist es nicht mehr in der Seite, sagt das ein Hinweis In der Seite hervorheben | Rahmen um das Control, vier Sekunden Als Markdown kopieren | einen Befund in die Zwischenablage CSV exportieren | UTF-8 mit BOM und CRLF; Zellen, die mit =, +, - oder @ beginnen, bekommen ein ' davor Markdown exportieren · Alle als Markdown kopieren | Bericht mit Seite, Zeitpunkt und den gefilterten Befunden Mit der [KI-Leiste](https://fronttailor.com/doku/ki) und deinem eigenen Schlüssel gibt es zwei Einstiege: Fehlende Texte übersetzen im Abschnitt Texte macht aus fehlenden Schlüsseln und Übersetzungen .properties-Snippets je Sprache, Mit KI beheben im Abschnitt Barrierefreiheit schlägt je Befund eine Korrektur mit WCAG-Kriterium vor. Gesendet wird erst nach Vorschau und Klick. ### Was die Prüfung nicht sieht - Ungenutzte Schlüssel sind nur ein Hinweis: Controller, Formatter und nicht geladene Views sieht die Prüfung nicht. - Fehlende Schlüssel und hartcodierte Texte findet sie nur in gerenderten Views. Öffne Dialoge und weitere Seiten und prüfe erneut. - Der zugängliche Name ist eine Näherung an das, was ein Screenreader ansagt. - Kein Kontrast für Nicht-Text-Elemente (WCAG 1.4.11), keine Prüfung von Tastatur und Fokusreihenfolge. ### Typische Probleme Problem | Ursache und Lösung Viele Hinweise Schlüssel ungenutzt | Die Schlüssel werden vermutlich im Controller mit getText() genutzt. Erst nach einer Suche im Code löschen. Keine Befunde in einer App mit Fiori Elements | Texte aus Annotationen und Templates sind von der Regel für hartcodierte Texte ausgenommen. Die Meta-Zeile nennt, wie viele Controls das betrifft. Ein Dialog fehlt im Bericht | Geprüft wird nur, was gerendert ist. Dialog öffnen, Erneut prüfen. anderer Ursprung – nicht geladen | Das Bundle liegt auf einem anderen Host. Übersetzungen werden nur vom Ursprung der App geladen. Das Control ist nicht mehr in der Seite. | Die App hat neu gerendert oder navigiert. Erneut prüfen. ### Siehe auch - Funktionen im Überblick [Funktionen · Qualität](https://fronttailor.com/funktionen#qualitaet) - Zum Nachlesen [SAPUI5 – The Comprehensive Guide](https://www.sap-press.com/sapui5_6012/) (SAP PRESS) - Hilfe von Menschen [Fiori-, UI5- und CAP-Apps nach Maß](https://fronttailor.com/leistungen#apps) - Doku [Inspector](https://fronttailor.com/doku/inspector) - Doku [Werkzeuge](https://fronttailor.com/doku/werkzeuge) - Doku [Fiori Guidelines](https://fronttailor.com/doku/fiori-guidelines) - Doku [KI-Assistent](https://fronttailor.com/doku/ki) - Belege ADR-033 Häufige Fragen ### Kurz beantwortet. **Ändert die Qualitätsprüfung etwas an meiner App?** Nein. Sie liest Controls, Bundles, Beschriftungen und Farben einmal und wertet alles im Browser aus. Nur „Übersetzungen laden“ stellt Anfragen, und zwar an den eigenen Ursprung der App. **Warum meldet die Prüfung Schlüssel als ungenutzt, die ich im Controller brauche?** Controller, Formatter und nicht geladene Views sieht die Prüfung nicht. Deshalb ist „Schlüssel ungenutzt“ nur ein Hinweis – vor dem Löschen im Code suchen. **Ersetzt die Prüfung einen Barrierefreiheitstest?** Nein. Sie findet typische Fehler nach WCAG 2.2 AA in gerenderten Controls, prüft aber weder Tastaturbedienung noch Fokusreihenfolge noch Kontrast von Nicht-Text-Elementen. **Welche Edition brauche ich?** Die i18n- und Barrierefreiheitsprüfung gehört zur Edition Pro. Deine Frage ist nicht dabei? Sprich mich an: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Schreib mir](https://fronttailor.com/kontakt) --- # Fiori Design Guidelines prüfen: Validator · FrontTailor Quelle: https://fronttailor.com/doku/fiori-guidelines > Prüft die geöffnete Fiori-Ansicht gegen die SAP Fiori Design Guidelines: Floorplan-Erkennung, Score je Kategorie, Verbesserungen mit Beispiel und Dos & Don’ts. ## Fiori Guidelines Stimmt der Floorplan? Gibt es mehr als eine hervorgehobene Aktion? Zeigt die Tabelle die Anzahl? Statt das im Design-Review von Hand abzuhaken, liest FrontTailor den Control-Baum der geöffneten Ansicht, erkennt den Floorplan und prüft ihn gegen die SAP Fiori® Design Guidelines – mit Score, Begründung, Verbesserung, Code-Beispiel und Link auf die passende Guideline. **Edition** ab Pro **Tab** „Fiori Guidelines“ **Kategorien** Aktionen, Kopf & Titel, Tabellen & Listen, Formulare, Meldungen, Navigation, Visuell, Floorplan **Oberflächen** DevTools-Panel und Side-Panel **Auf PROD** erlaubt, die Prüfung liest nur Diese Seite beantwortet - Folgt meine Fiori-App den SAP Fiori Design Guidelines? - Welchen Floorplan nutzt meine App? - Wie bekomme ich einen Score für das Design meiner Fiori-App? - Was sind die Dos & Don’ts für einen List Report oder eine Object Page? ### So arbeitet der Validator Öffne in den DevTools (F12) das Panel FrontTailor oder das Side-Panel und wähle den Tab Fiori Guidelines. Beim Öffnen holt der Tab nur den letzten Bericht der Seite; die Analyse läuft erst nach deinem Klick. Bewertet wird, was sichtbar ist: die Controls der geöffneten Ansicht mit Klasse, Position, Properties, Labels und Spalten. Die Prüfung stellt keinen Request, Exporte entstehen lokal. Der UI5 Support Assistant prüft technische Regeln. Der Validator prüft die Design-Guidelines: Floorplan, Platz und Reihenfolge der Aktionen, Titel, Tabellen, Formulare, Meldungen, Navigation und Optik. ### Eine Ansicht prüfen - Öffne in der App die Ansicht, die du prüfen willst – etwa die Detailseite eines Objekts. Öffne Dialoge oder Tabs, die mit bewertet werden sollen. - Wähle im Panel den Tab Fiori Guidelines und klicke Ansicht prüfen. - Lies Score und erkannten Floorplan, dann den Score je Kategorie und die Verbesserungsoptionen. - Nach einer Änderung oder in einer anderen Ansicht klicke Erneut prüfen. Die Detailseite der Freestyle-Demo-App: Split-Screen-Layout, Score 97. - Ansicht prüfen, nach dem ersten Lauf Erneut prüfen. - Der Score von 0 bis 100: ab 90 grün, ab 70 orange, darunter rot. - Der erkannte Floorplan mit Technologie: Freestyle, Fiori Elements (OData V4) oder Fiori Elements (OData V2). - Erkannt an: die Indizien, darunter Enthält: die Teile, etwa die Spalten eines Layouts. - In der Seite hervorheben rahmt den Wurzel-Control des Floorplans ein. - Guideline zum Floorplan öffnet die Seite der SAP Fiori Design Guidelines. - Der Score noch einmal im Kopf der Karte. Die Prüfung startet auch über die [Befehlspalette](https://fronttailor.com/doku/command-palette) (Alt+Shift+K, auf dem Mac ⌥+Shift+K) mit dem Befehl Fiori-Design-Guidelines prüfen. Im Launchpad wird nur die App geprüft, nicht die Shell. Auf PRODDer Validator liest nur und ändert nichts an der App. Er ist deshalb auch auf einem als PROD markierten Host ([Host-Profile und PROD](https://fronttailor.com/doku/host-profile-und-prod)) erlaubt. ### Floorplan-Erkennung FrontTailor erkennt den Floorplan in dieser Reihenfolge und nennt seine Indizien: Erkennung | Ergebnis sap.f.FlexibleColumnLayout sichtbar | Flexible Column Layout, die Spalten als Teile Komponente ist ein Template von Fiori Elements | List Report (mit Filterleiste), Worklist (ohne Filterleiste), Analytical List Page (mit Diagramm), Object Page, Overview Page sap.m.Wizard sichtbar | Wizard sap.m.SplitContainer oder SplitApp | Split-Screen-Layout, Master und Detail als Teile größte oberste Seite nach Inhalt | Object Page, List Report, Worklist, Initial Page (genau ein Eingabefeld, kein Formular), sonst Dynamic Page (Freestyle) oder Seite (Freestyle) ### Score je Kategorie Je Kategorie: Score, Zahl der geprüften Controls und der Befunde. - Eine Kategorie mit Score, Fortschrittsbalken, „5 geprüft · 1 Befunde“. - nicht anwendbar: In der Ansicht gab es nichts zu prüfen; die Kategorie zählt nicht zum Score. Je Kategorie gilt: 100 minus 25 je Verstoß, 10 je Warnung und 3 je Hinweis, mindestens 0. Gleiche Befunde (gleiche Regel, gleiches Control, etwa Klone einer Listenvorlage) zählen einmal. Der Gesamtscore ist der gewichtete, gerundete Mittelwert der Kategorien mit Score. Die Checkliste Manuell prüfen fließt nicht ein. Kategorie | Gewicht Aktionen | 20 Kopf & Titel · Tabellen & Listen | je 15 Formulare · Meldungen · Navigation · Visuell · Floorplan | je 10 ### Verbesserungsoptionen Der Befund „Titel doppelt angezeigt“: Der Produktname steht als Seitentitel und im Objektkopf. - Filter nach Schweregrad: Alle, Verstoß, Warnung, Hinweis. - Alle Kategorien oder eine Kategorie. - Nach Text, Control oder Regel filtern. - Warum die Guideline das verlangt. - Verbesserung mit den Werten aus deiner App. - Do und Don’t zu dieser Regel. - Beispiel als XML-View-Ausschnitt. - Guideline öffnen: die Seite der Regel in den SAP Fiori Design Guidelines. - Im Inspector zeigen wählt das Control im [Inspector](https://fronttailor.com/doku/inspector) aus. - In der Seite hervorheben rahmt das Control vier Sekunden lang ein. - Als Markdown kopieren nimmt den Befund mit, etwa für ein Ticket. Kommt das Control aus einem Template von Fiori Elements, steht beim Befund „Fiori Elements: Annotationen oder Manifest anpassen, nicht die erzeugten Controls.“ statt eines XML-Beispiels. Bei Befunden zu Labels und Tooltips führt Im Tab Qualität prüfen zur [i18n- und Barrierefreiheitsprüfung](https://fronttailor.com/doku/i18n-und-barrierefreiheit). Unter der Liste: Export der gefilterten Befunde. - Guideline zum Control: die Guideline-Seite der Control-Klasse, wenn sie eine andere ist als die der Regel. - CSV: UTF-8 mit BOM und CRLF, mit Schutz vor Formeln. - Markdown: Bericht als Datei. - Alles als Markdown kopieren: derselbe Bericht in die Zwischenablage. Mit der [KI-Leiste](https://fronttailor.com/doku/ki) und deinem eigenen Schlüssel gibt es Floorplan prüfen im Kopf der Prüfung und Befund erklären an jedem Befund. Gesendet wird erst nach Vorschau und Klick. ### Die Regeln Der Validator prüft nur Regeln, die sich zur Laufzeit sicher ablesen lassen. Texte prüft er nicht sprachlich (Verben, Ton, Terminologie). Kategorie | Regel | Schwere Aktionen | Mehr als ein hervorgehobener Button in einem Bereich | Verstoß Aktionen | Hervorgehobene und semantische Buttons gemischt | Warnung Aktionen | Aktionen der Fußzeile nicht rechtsbündig | Warnung Aktionen | Aktionen der Fußzeile in falscher Reihenfolge | Warnung Aktionen | Abschließende Aktion außerhalb der Fußzeile | Hinweis Aktionen | Icon-Button ohne Tooltip | Warnung Aktionen | Button-Text in Großbuchstaben | Warnung Aktionen | Langer Button-Text | Hinweis Kopf & Titel | Seite ohne Titel | Verstoß Kopf & Titel | Titel doppelt angezeigt | Warnung Kopf & Titel | Objektkopf ohne Schlüsselfakten | Hinweis Tabellen & Listen | Listen- oder Tabellentitel ohne Anzahl | Hinweis Tabellen & Listen | Liste oder Tabelle ohne eigenen „Keine Daten“-Text | Hinweis Tabellen & Listen | Lange Liste ohne Growing | Hinweis Tabellen & Listen | Responsive Table ohne Pop-in | Warnung Tabellen & Listen | Viele Spalten | Hinweis Formulare | Eingabefeld ohne Label | Warnung Formulare | Formular mit veraltetem Layout | Warnung Formulare | Viele Felder ohne Gruppen | Hinweis Meldungen | Mehrere Meldungen ohne Message Popover | Warnung Navigation | Eigener Zurück-Knopf im Launchpad | Warnung Navigation | Selbstgebauter Zurück-Knopf | Warnung Visuell | Cozy-Dichte auf dem Desktop | Warnung Visuell | Bild statt SAP-Icon | Hinweis Visuell | Feste Farbe statt Theme-Farbe | Hinweis Visuell | Veraltetes Theme | Hinweis Floorplan | List Report ohne Variantenverwaltung | Warnung Floorplan | Tabelle ohne Personalisierung | Hinweis Floorplan | Object Page ohne Ankerleiste | Hinweis Floorplan | Bearbeitungsmodus ohne Fußzeilen-Toolbar | Warnung Floorplan | Split-Screen-Layout | Hinweis Floorplan | Vollbild-Liste in sap.m.Page | Hinweis ### Dos & Don’ts und „Manuell prüfen“ Dos & Don’ts des erkannten Floorplans und die Checkliste für das, was die Laufzeit nicht sicher sieht. - Do: drei Punkte der Guideline zum erkannten Floorplan, sonst allgemeine. - Don’t. - Ein Punkt der Checkliste Manuell prüfen mit den betroffenen Controls und Guideline öffnen. Punkt der Checkliste | Erscheint, wenn … Löschen bestätigen lassen | Buttons zum Löschen, Entfernen oder Verwerfen sichtbar sind Button-Texte sind Verben | Text-Buttons sichtbar sind Pflichtfelder und Validierung | bearbeitbare Felder sichtbar sind Leere Zustände | Listen oder Tabellen sichtbar sind Keine Browser-Dialoge | immer Busy-Zustand | immer Zurück-Navigation | außerhalb des Launchpads ### Typische Probleme Problem | Ursache und Lösung Ein Dialog oder ein Tab fehlt im Bericht | Bewertet wird nur, was sichtbar ist. Geschlossene Dialoge, andere Tabs einer IconTabBar und nicht gerenderte Abschnitte fehlen. Öffnen, Erneut prüfen. Unbekanntes Layout oder Seite (Freestyle) | Kein bekannter Floorplan erkannt. Die Regeln laufen trotzdem; die Dos & Don’ts sind dann allgemein. Kaum Befunde in einer App mit Fiori Elements | Viele Regeln greifen nur bei eigenen Controls. Bei Template-Controls zeigt der Befund den Weg über Annotationen oder Manifest. Große Ansicht: Es werden nur die ersten Controls bzw. Befunde gezeigt. | Bewertet werden höchstens 6.000 Controls; gezeigt werden höchstens 500 Befunde. Das Control ist nicht mehr in der Seite. | Die App hat neu gerendert oder navigiert. Erneut prüfen. Die Regeln sind an den drei Demo-Apps von FrontTailor erprobt. Ein Score ersetzt kein Design-Review, er zeigt aber schnell, wo eines lohnt. ### Siehe auch - Funktionen im Überblick [Funktionen · Qualität](https://fronttailor.com/funktionen#qualitaet) - Zum Nachlesen [SAP Fiori Elements – Grundlagen, Entwicklung und Erweiterung](https://www.rheinwerk-verlag.de/sap-fiori-elements/) (SAP PRESS) - Zum Nachlesen [SAPUI5 – The Comprehensive Guide](https://www.sap-press.com/sapui5_6012/) (SAP PRESS) - Hilfe von Menschen [Fiori Elements und Annotationen](https://fronttailor.com/leistungen#fiori-elements) - Doku [Qualität: i18n & Barrierefreiheit](https://fronttailor.com/doku/i18n-und-barrierefreiheit) - Doku [Inspector](https://fronttailor.com/doku/inspector) - Doku [Annotationen](https://fronttailor.com/doku/annotationen) - Doku [KI-Assistent](https://fronttailor.com/doku/ki) - Belege ADR-035 Häufige Fragen ### Kurz beantwortet. **Welche Floorplans erkennt der Validator?** List Report, Worklist, Object Page, Overview Page, Analytical List Page, Flexible Column Layout, Split-Screen-Layout, Wizard und Initial Page; sonst Dynamic Page oder Seite (Freestyle). Bei Fiori Elements nennt er OData V4 oder V2. **Wie berechnet sich der Score?** Je Kategorie 100 minus 25 je Verstoß, 10 je Warnung und 3 je Hinweis. Der Gesamtscore ist der gewichtete Mittelwert der Kategorien, in denen es etwas zu prüfen gab. **Ändert der Validator etwas an meiner App?** Nein. Er liest die sichtbaren Controls einmal, stellt keinen Request und ist deshalb auch auf PROD erlaubt. **Welche Edition brauche ich?** Der Fiori-Design-Guidelines-Validator gehört zur Edition Pro. Deine Frage ist nicht dabei? Sprich mich an: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Schreib mir](https://fronttailor.com/kontakt) --- # Fiori-App auf DEV, QA und PROD vergleichen · FrontTailor Quelle: https://fronttailor.com/doku/systemvergleich > Warum geht es in QA, aber nicht in PROD? Snapshots derselben Fiori-App auf zwei Systemen vergleichen: Versionen, Bibliotheken, Flex-Änderungen, $metadata, Manifest. ## Systemvergleich „In QA geht es, in PROD nicht“ – der Systemvergleich zeigt, was zwischen zwei Systemen wirklich anders ist. Er nimmt von derselben SAP Fiori®- oder UI5-App auf jedem System einen Snapshot der Metadaten auf und stellt sie Bereich für Bereich gegenüber. Der Tab gehört zur Enterprise-Edition. **Edition** ab Enterprise **Tab** „Vergleich“ **Inhalt eines Snapshots** nur Metadaten, keine Geschäftsdaten **Speicher** im Browser, höchstens 10 Snapshots je App und System **Auf PROD** erlaubt – der Snapshot liest nur Diese Seite beantwortet - Warum funktioniert die App in QA, aber nicht in PROD? - Ist auf beiden Systemen dieselbe App-Version deployt? - Unterscheidet sich das $metadata des OData-Service zwischen den Systemen? - Welche Flex-Änderungen gibt es nur auf einem System? ### Voraussetzung: Host-Profile Der Vergleich arbeitet mit den Systemen, die du als Host-Profil angelegt hast – Name, Farbe und PROD-Kennzeichen im Popup der Extension, siehe [Host-Profile und PROD](https://fronttailor.com/doku/host-profile-und-prod). Ohne weiteres Profil sagt der Tab: „Noch keine anderen Systeme: Legen Sie für das andere System im Popup ein Host-Profil an (Name, Farbe, PROD).“ ### Snapshots aufnehmen - Öffne die App auf dem ersten System, im Panel FrontTailor den Tab Vergleich, und klicke Snapshot aufnehmen. - Klicke unter Andere Systeme auf Snapshot von QA holen (oder dem Namen deines Profils). FrontTailor fragt bei Bedarf einmal nach Zugriff auf das System. - FrontTailor nutzt einen offenen Tab dieses Systems oder öffnet dort dieselbe App-Seite im Hintergrund, wartet höchstens 60 s auf die App und nimmt den Snapshot auf. Du bleibst in deinem Tab. - Darunter erscheint der Vergleich der beiden Snapshots. Snapshots der Release-Demo-App auf DEV und QA. - Snapshot aufnehmen auf diesem System. - Snapshot von … holen – ein Knopf je Host-Profil. Im Hintergrund wird nichts abgerufen, alles geschieht nach deinem Klick in einem Tab des anderen Systems. - Die Liste der Snapshots dieser App mit System, Zeitpunkt, App-Version, UI5-Version, Flex-Objekten und Services; das Papierkorb-Symbol löscht einen. Zeigt der Tab des anderen Systems eine andere App, speichert FrontTailor den Snapshot unter deren App-ID und sagt es. Auf der Startseite des Launchpads gibt es keinen Snapshot: Öffne zuerst die App. ### Was ein Snapshot enthält Bereich | Inhalt App und Versionen | App-ID, Titel, Komponente, App- und Komponentenversion, deployte Version, ETag und Last-Modified der manifest.json UI5-Laufzeit | Version, Build, Theme, Sprache Bibliotheken | geladene Bibliotheken mit Version Cache-Buster | aktiv oder nicht, Index-Dateien, Tokens der App-Ressourcen, veraltete Ressourcen (siehe [Enterprise-Deployment](https://fronttailor.com/doku/enterprise-deployment)) Flex-Änderungen | Anzahl pro Layer und Änderungstyp, Change-IDs – ohne Inhalte Services und $metadata | pro Datenquelle URI, Version, Hash und Struktur des $metadata: Typen, Properties, Navigationen, Entity-Sets, Aktionen Manifest | relevante Einstellungen wie Datenquellen, Modelle, Routing-Ziele, minUI5Version, flexEnabled Launchpad | Plattform, Intent, Anwendungstyp, Komponente, aufgelöste URL, Systemalias, Target Mapping Nicht enthalten sind Geschäftsdaten, Query-Strings, Werte von Intent-Parametern, Inhalte von Flex-Änderungen, Labels aus $metadata sowie Benutzer, Cookies und Tokens. Das $metadata liest FrontTailor nur vom selben Origin; Services eines anderen Origins bleiben ohne Struktur. ### Der Vergleich DEV hat Version 1.1.0, QA noch 1.0.0 – Unterschiede in App, Komponente, deployter Version und Manifest. - A: vorgewählt der neueste Snapshot dieses Systems. - B: vorgewählt der neueste Snapshot eines anderen Systems. Beide sind über die Auswahl darüber wählbar. - Die Zusammenfassung: Anzahl der Unterschiede und Bereiche. - A und B tauschen; daneben Nur Unterschiede, voreingestellt an. - Eine geänderte Zeile. Bereiche mit Unterschieden sind aufgeklappt, gleiche zeigen Gleich. Jede Zeile hat einen Zustand: gleich, geändert, nur A oder nur B. Services werden über den Namen der Datenquelle abgeglichen, weil die URI je System abweichen darf. Ist der Hash des $metadata gleich, gibt es nichts zu zeigen; sonst listet der Bereich hinzugekommene, weggefallene und geänderte Typen und Properties, etwa title: Edm.String(100) → Edm.String(60). Bei Flex-Änderungen stehen die Change-IDs „nur in A“ und „nur in B“. ### Ergebnis weitergeben Knopf | Ergebnis Als Markdown kopieren | nur die Unterschiede, für Ticket oder Chat Herunterladen (.md) | dasselbe als Datei Herunterladen (.json) | beide Snapshots und der Vergleich E-Mail-Adressen, Telefonnummern und IBANs maskiert FrontTailor dabei mit den Regeln von „Problem melden“. Gesendet wird nichts. Auf PRODEin Snapshot liest nur und ist deshalb auch auf PROD erlaubt. Snapshots eines als PROD markierten Hosts ([Host-Profile und PROD](https://fronttailor.com/doku/host-profile-und-prod)) tragen das Kennzeichen und erscheinen mit dem Tag PROD. ### Typische Probleme Was du siehst | Ursache und Lösung Kein Knopf Snapshot von … holen | Es gibt kein Host-Profil für ein anderes System. Lege es im Popup an. „Es wird keine App angezeigt“ | Der Tab zeigt die Launchpad-Startseite. Öffne die App und nimm den Snapshot erneut auf. Die App auf dem anderen System startet nicht rechtzeitig | Nach 60 s bricht FrontTailor ab. Prüfe den Tab (Anmeldung?) und versuche es erneut. FrontTailor ist für das andere System nicht aktiviert | Aktiviere es im Popup dieses Tabs. Unterschiede bei Bibliotheken oder Sprache | Bibliotheken, die erst bei Bedarf laden, hängen davon ab, was du vor dem Snapshot in der App getan hast, und die Sprache folgt der Sitzung. Nimm beide Snapshots im gleichen Zustand auf. ### Siehe auch - Funktionen im Überblick [Funktionen · betrieb](https://fronttailor.com/funktionen#betrieb) - Zum Nachlesen [SAP Business Technology Platform – Administration](https://www.rheinwerk-verlag.de/sap-business-technology-platform-administration/) (SAP PRESS) - Hilfe von Menschen [Release- und Transportqualität](https://fronttailor.com/leistungen#release) - Doku [Release-Prüfung](https://fronttailor.com/doku/release-pruefung) - Doku [Enterprise-Deployment](https://fronttailor.com/doku/enterprise-deployment) - Doku [Host-Profile und PROD](https://fronttailor.com/doku/host-profile-und-prod) - Belege ADR-030 · ADR-024 Häufige Fragen ### Kurz beantwortet. **Wie vergleiche ich eine Fiori-App zwischen QA und PROD?** Im Tab Vergleich auf dem einen System Snapshot aufnehmen, dann Snapshot von PROD holen klicken. FrontTailor zeigt die Unterschiede Bereich für Bereich. **Ruft FrontTailor das andere System im Hintergrund ab?** Nein. Der Snapshot entsteht immer in einem Tab des jeweiligen Systems, erst nach deinem Klick und mit deiner Anmeldung. **Enthält ein Snapshot Geschäftsdaten?** Nein, nur Metadaten: Versionen, Bibliotheken, Flex-Zählungen, Struktur des $metadata, Manifest-Auszug und Launchpad-Ziel. Snapshots bleiben im Browser. **Darf ich auf PROD einen Snapshot aufnehmen?** Ja. Der Snapshot liest nur; PROD-Snapshots tragen das Kennzeichen PROD. Deine Frage ist nicht dabei? Sprich mich an: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Schreib mir](https://fronttailor.com/kontakt) --- # Fiori-App nach Transport prüfen · FrontTailor Quelle: https://fronttailor.com/doku/release-pruefung > Nach Transport oder Deployment prüfen, ob die neue Version einer Fiori-App auf jedem System live ist: Manifest, Cache-Buster, Preload, App-Index – mit Ampel. ## Release-Prüfung Der Transport ist importiert, aber die Benutzer sehen die alte Version? Die Release-Prüfung fragt nach einem Klick alle deine Systeme ab und zeigt je System und Prüfung eine Ampel – mit dem nächsten Schritt, etwa /UI5/APP_INDEX_CALCULATE. Sie gilt für SAP Fiori®- und UI5-Apps und gehört zur Enterprise-Edition. **Edition** ab Enterprise **Tab** „Release“ **Systeme** aus den Host-Profilen, keine zweite Liste **Verlauf** die letzten 10 Läufe je App, im Browser **Auf PROD** erlaubt – die Prüfung liest nur Diese Seite beantwortet - Ist die neue Version nach dem Transport auf QA und PROD angekommen? - Warum sehen Benutzer nach dem Deployment noch die alte Fiori-App? - Ist der Cache-Buster bzw. der UI5-App-Index aktuell? - Was muss die Basis nach dem Import noch tun? ### Release prüfen Die Systeme kommen aus deinen Host-Profilen (Name, Farbe, PROD im Popup, siehe [Host-Profile und PROD](https://fronttailor.com/doku/host-profile-und-prod)): dieses System zuerst, dann die anderen, PROD zuletzt. Ohne weitere Profile prüft der Tab nur das aktuelle System. - Öffne die App (im Launchpad: Kachel starten) und im Panel FrontTailor den Tab Release. - Lass Erwartete Version leer, dann gilt die Version der deployten manifest.json des Quellsystems – oder tippe die Version des Transports ein. - Hake unter Systeme an, was geprüft werden soll. Vorbelegt sind die Systeme des letzten Laufs. - Klicke Release prüfen. FrontTailor fragt im selben Klick nach Zugriff, prüft zuerst das Quellsystem und dann jedes andere System nacheinander. Die Release-Demo-App auf DEV, mit QA und PROD aus den Host-Profilen. - Erwartete Version – leer lassen, um die Version des Quellsystems zu nehmen. - Quellsystem, vorgewählt das aktuelle. - Systeme; der aktuelle Tab ist mit dieser Tab markiert, PROD mit dem Tag PROD. - Release prüfen startet den Lauf. Für jedes andere System nutzt FrontTailor einen offenen Tab mit gleichem Host und Pfad oder öffnet die App-Seite dort im Hintergrund; die Prüfung läuft in diesem Tab mit deiner Sitzung. Abgefragt werden nur deine eigenen Systeme, lesend und ohne Cache: manifest.json, Component-preload.js, sap-ui-cachebuster-info.json und auf ABAP der UI5-App-Index. ### Ergebnis und Ampeln QA hat noch Version 1.0.0, PROD fehlt der Cache-Buster – mit den Schritten für die Basis. - Die Zusammenfassung: rote und gelbe Ampeln, oder „Alle Systeme liefern Version … aus.“ - Eine Systemkarte mit Plattform, ausgelieferter Version und einer Ampel je Prüfung. Die Ampel des Systems ist die schlechteste seiner Prüfungen. - Nächste Schritte je System und Prüfung, gleiche Schritte nur einmal. - Als Markdown kopieren für das Change-Ticket; daneben Markdown und CSV als Datei. Prüfung | Grün | Rot (Beispiele) Deployte Version | gleich der erwarteten | älter; Manifest fehlt Cache-Buster | Index vorhanden und genutzt | fehlt, obwohl das Quellsystem einen hat Index-Zeitstempel | Token nicht älter als die Dateien | Token älter als manifest.json oder Preload (60 s Toleranz) Component-preload | Version im Preload passt | älter; Browser lädt eine veraltete Kopie Veraltete Ressourcen | laufende App = ausgelieferte Version | laufende App älter als ausgeliefert App-Index (ABAP) | App gefunden, Version passt | App unbekannt; Index weicht vom ausgelieferten Manifest ab Gelb heißt: neuer oder anders als erwartet, ohne Version im Manifest, Index unvollständig oder nicht erreichbar. Grau (n. a.) heißt nicht geprüft, etwa der App-Index außerhalb von ABAP. Die nächsten Schritte richten sich nach der Plattform (ABAP, HTML5-Repository, Webserver), zum Beispiel: - Report /UI5/APP_INDEX_CALCULATE für die App ausführen oder …/do-update-meta-data aufrufen, - /UI2/INVALIDATE_GLOBAL_CACHES ausführen oder den ICM-Server-Cache (SMICM) invalidieren, - Transport importieren (STMS) oder neu deployen, - Cache-Buster für die Benutzer einrichten. Die Schritte sind Text: FrontTailor startet keine Reports. Die Prüfungen nutzen dieselbe Logik wie die Deployment-Prüfung des aktuellen Systems, siehe [Enterprise-Deployment](https://fronttailor.com/doku/enterprise-deployment). Auf PRODDie Prüfung liest nur und ist deshalb auch auf PROD erlaubt. PROD-Systeme ([Host-Profile und PROD](https://fronttailor.com/doku/host-profile-und-prod)) sind in der Liste markiert und stehen hinter den anderen. ### Verlauf Jeder Lauf landet im Verlauf dieser App. Der Verlauf hält die letzten 10 Läufe je App, nur in diesem Browser: Zeitpunkt, erwartete Version, Systeme und Ampeln. Lauf anzeigen holt einen früheren Lauf ins Ergebnis, Lauf löschen und Alle löschen räumen auf. Gespeichert werden keine Antworttexte, Cookies oder Tokens. Exporte maskieren personenbezogene Daten wie E-Mail-Adressen; Hosts bleiben sichtbar, denn sie sind der Inhalt des Berichts. ### Typische Probleme Was du siehst | Ursache und Lösung „Keine App angezeigt“ | Öffne die App (im Launchpad: Kachel starten) und prüfe erneut. Nur „dieser Tab“ in der Systemliste | Es gibt keine weiteren Host-Profile. Lege DEV, QA und PROD im Popup an. Zugriff nicht erteilt oder FrontTailor ist auf diesem System nicht aktiviert | Erlaube den Zugriff bzw. aktiviere FrontTailor im Popup eines Tabs dieses Systems. Der Tab des Systems antwortet nicht rechtzeitig | Oft eine abgelaufene Anmeldung. Melde dich im Tab an und prüfe erneut. Eine 404-Zeile in der Netzwerkkonsole | Ein System hat zum Beispiel keinen Cache-Buster-Index. Das entsteht nur nach deinem Klick und ist selbst der Befund. ### Siehe auch - Funktionen im Überblick [Funktionen · betrieb](https://fronttailor.com/funktionen#betrieb) - Zum Nachlesen [SAP Business Technology Platform – Administration](https://www.rheinwerk-verlag.de/sap-business-technology-platform-administration/) (SAP PRESS) - Hilfe von Menschen [Release- und Transportqualität](https://fronttailor.com/leistungen#release) - Doku [Systemvergleich](https://fronttailor.com/doku/systemvergleich) - Doku [Enterprise-Deployment](https://fronttailor.com/doku/enterprise-deployment) - Doku [Health und Morgencheck](https://fronttailor.com/doku/health-und-morgencheck) - Belege ADR-042 · ADR-024 Häufige Fragen ### Kurz beantwortet. **Wie prüfe ich, ob eine Fiori-App nach dem Transport auf PROD aktuell ist?** Im Tab Release die Systeme aus den Host-Profilen anhaken und Release prüfen klicken. FrontTailor zeigt je System Version, Cache-Buster, Component-preload und App-Index als Ampel. **Führt FrontTailor Reports wie /UI5/APP_INDEX_CALCULATE aus?** Nein. Die nächsten Schritte sind nur Text für die Basis; FrontTailor liest und ändert nichts. **Fragt die Release-Prüfung Systeme im Hintergrund ab?** Nur nach dem Klick auf Release prüfen und nur die Systeme deiner Host-Profile, jeweils in einem Tab des Systems mit deiner Sitzung. **Darf ich die Release-Prüfung auf PROD laufen lassen?** Ja. Sie liest nur; PROD-Systeme sind markiert und werden zuletzt geprüft. Deine Frage ist nicht dabei? Sprich mich an: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Schreib mir](https://fronttailor.com/kontakt) --- # /IWFND/ERROR_LOG aus dem Fiori-Fehler öffnen · FrontTailor Quelle: https://fronttailor.com/doku/backend-absprung > Vom fehlgeschlagenen OData-Request einer Fiori-App direkt in /IWFND/ERROR_LOG, ST22, SM21 oder SU53 – mit Transaktions-ID, Zeitfenster und Benutzer zum Suchen. ## Absprung ins Backend Ein Request der SAP Fiori®-App scheitert – und dann? Der Absprung ins Backend öffnet die passenden Analyse-Transaktionen desselben SAP-Systems in SAP GUI for HTML und legt die Suchwerte daneben: Transaktions-ID, Datum, Zeitfenster, Benutzer. Für CAP und SAP BTP zeigt er stattdessen, wo die Logs liegen. Er hat keinen eigenen Tab und gehört zur Enterprise-Edition. **Edition** ab Enterprise **Wo** OData-Konsole (Fehler-Tab), Health, Berechtigungen **Ziel** SAP GUI for HTML desselben Systems **Netzwerk** keiner – nur Links, die du anklickst **Auf PROD** erlaubt – öffnet nur Transaktionen Diese Seite beantwortet - Wie finde ich den Fehler zu einem OData-Request im /IWFND/ERROR_LOG? - In welchem Zeitfenster muss ich in ST22 oder SM21 suchen? - Wo stehen die Logs, wenn das Backend CAP ist? - Welche Transaktion zeigt die fehlende Berechtigung meines Benutzers? ### Wo der Absprung erscheint Die Karte Absprung ins Backend steht dort, wo der Fehler steht: - in der [OData-Konsole](https://fronttailor.com/doku/odata-konsole) im Fehler-Tab eines fehlgeschlagenen Requests, - in [Health und Morgencheck](https://fronttailor.com/doku/health-und-morgencheck) als Karte zum letzten Fehler, - in der Berechtigungsdiagnose ([Berechtigungen](https://fronttailor.com/doku/rollen-und-berechtigungen#befunde)) aufklappbar in jedem Befund. Ohne Enterprise-Lizenz steht an diesen Stellen eine Zeile mit Kurzbeschreibung. Der kostenlose Link Im Gateway-Fehlerprotokoll öffnen der OData-Konsole bleibt davon unberührt; er öffnet nur /IWFND/ERROR_LOG ohne Werte. ### Vom Request ins Fehlerprotokoll - Wähle in der OData-Konsole den fehlgeschlagenen Request (rot) und dort den Tab Fehler – oder klicke in Health beim letzten Fehler Request anzeigen. - Kopiere unter Suchwerte die Transaktions-ID oder das Zeitfenster. - Klicke die Transaktion, etwa /IWFND/ERROR_LOG. Sie öffnet sich in einem neuen Tab mit deiner SAP-Sitzung. - Trage die Werte ein, die der Link nicht vorbelegen kann, und suche. Ein simulierter HTTP 500 der Freestyle-Demo-App: sechs Transaktionen, je mit dem Hinweis, was einzutragen ist. - Suchwerte mit Kopierknopf: Transaktions-ID, Datum, Zeitfenster (±5 Minuten um den Request, lokal und in UTC), Gateway-Zeitstempel, Service – je nach Fehler auch Benutzer, Mandant, Korrelations-ID und SAP-Meldung. - Fehler nachsehen: Fehlerprotokolle, Dumps und Systemprotokoll. Jeder Link sagt, was vorbelegt ist und was nicht: „Nicht vorbelegbar, bitte eintragen: …“ - Mit Trace nachstellen: Trace einschalten, den Fehler wiederholen, auswerten. Fehler | Transaktionen Gateway-Service (/sap/opu/odata…), außer 401 | /IWFND/ERROR_LOG, /IWBEP/ERROR_LOG HTTP 5xx oder Netzwerkfehler | ST22, SM21 HTTP 403 | SU53 (nimmt den angemeldeten Benutzer), STAUTHTRACE HTTP 401 oder 403 | SU01, mit dem Benutzer vorbelegt, wenn er bekannt ist sonstige Fehler, außer 401 | ST05, SAT Den Mandanten hängt FrontTailor an, wenn er aus dem Request oder dem Launchpad bekannt ist. Die Einstiegsbilder von ST22, SM21, den Fehlerprotokollen und Traces lassen sich nicht vorbelegen, weil SAP dafür keine URL-Parameter dokumentiert – deshalb die Suchwerte zum Kopieren. Läuft das SAP-System in einer anderen Zeitzone, nimm das UTC-Zeitfenster. ### In Health und in der Berechtigungsdiagnose In Health gehört die Karte zum letzten Fehler der Sitzung; der Untertitel nennt den Request. In einem Befund der Berechtigungsdiagnose ist sie zugeklappt und bringt bei einem 403 SU53, SU01 und den Berechtigungs-Trace STAUTHTRACE mit. Im Health-Tab: der Absprung zum letzten Fehler, hier ein $batch mit Status 500. ### CAP, SAP BTP und Proxys Links in SAP GUI gibt es nur, wenn der Request ein ABAP-Backend auf demselben Origin trifft. Sonst zeigt die Karte Hinweise: Ein CAP-Service der Demo: statt Links der Hinweis auf die Konsole von cds watch und die Korrelations-ID. - Suchwerte – bei CAP mit der Korrelations-ID. - Der Hinweis, wo die Logs stehen. Backend (Tag der Karte) | Hinweis ABAP | Links in SAP GUI for HTML desselben Systems ABAP über Proxy | Der Request ging über App Router, Work Zone oder eine Destination: Die Transaktionen laufen im ABAP-Backend, nicht auf diesem Host. ABAP Cloud | kein SAP GUI: in den ABAP Development Tools den Feed „SAP Gateway Error Log“ öffnen CAP | lokal die Konsole von cds watch; sonst cf logs --recent (kopierbar), SAP Cloud Logging, BTP-Cockpit Backend unbekannt | die Logs des eigenen Servers nach den Suchwerten durchsuchen ### SAP-Incident vorbereiten Muss der Fehler zu SAP, baut der Tab „Problem melden“ mit SAP-Incident vorbereiten einen Text in der Struktur, die der SAP-Support erwartet – mit Anwendungskomponente aus dem Manifest, Versionen, Schritten und Request-IDs, maskiert wie jeder Bericht. Das gehört zum [Issue Reporter](https://fronttailor.com/doku/problem-melden) (ab Pro); FrontTailor sendet nichts an SAP. Auf PRODDer Absprung stellt keinen Request und ändert nichts. Er erzeugt nur Links; geöffnet wird dasselbe System mit der Anmeldung des Browsers – auch auf PROD ([Host-Profile und PROD](https://fronttailor.com/doku/host-profile-und-prod)). ### Typische Probleme Was du siehst | Ursache und Lösung Keine Links, nur Hinweise | Das Backend ist nicht ABAP auf demselben Origin (CAP, Proxy, ABAP Cloud). Suche mit den Suchwerten im genannten Log. Die Transaktion öffnet sich leer | Das ist gewollt: Die Einstiegsbilder lassen sich nicht vorbelegen. Werte aus den Suchwerten kopieren. Kein Eintrag im Zeitfenster | Das SAP-System läuft in einer anderen Zeitzone. Nimm das UTC-Zeitfenster. Zeile „Absprung ins Backend (Enterprise)“ statt der Karte | Die Lizenz enthält das Modul nicht. Siehe [Lizenz und Editionen](https://fronttailor.com/doku/lizenz-und-editionen). ### Siehe auch - Funktionen im Überblick [Funktionen · betrieb](https://fronttailor.com/funktionen#betrieb) - Zum Nachlesen [Fullstack-Entwicklung mit SAP](https://www.rheinwerk-verlag.de/fullstack-entwicklung-mit-sap/) (SAP PRESS) - Hilfe von Menschen [SAP BTP: Sicherheit und Administration](https://fronttailor.com/leistungen#btp) - Doku [OData-Konsole](https://fronttailor.com/doku/odata-konsole) - Doku [Health und Morgencheck](https://fronttailor.com/doku/health-und-morgencheck) - Doku [Rollen und Berechtigungen](https://fronttailor.com/doku/rollen-und-berechtigungen) - Doku [Problem melden](https://fronttailor.com/doku/problem-melden) - Belege ADR-041 Häufige Fragen ### Kurz beantwortet. **Wie finde ich den Fehler eines Fiori-Requests im /IWFND/ERROR_LOG?** Im Fehler-Tab der OData-Konsole zeigt die Karte Absprung ins Backend die Transaktions-ID zum Kopieren und einen Link, der /IWFND/ERROR_LOG desselben Systems in SAP GUI for HTML öffnet. **Sendet der Absprung Daten an das SAP-System?** Nein. Er erzeugt nur Links. Erst dein Klick öffnet die Transaktion, mit der bestehenden Anmeldung des Browsers. **Warum sind die Felder in ST22 nicht vorbelegt?** SAP dokumentiert für diese Einstiegsbilder keine URL-Parameter. Deshalb stehen Datum, Zeitfenster und Benutzer als Suchwerte zum Kopieren daneben. **Was zeigt der Absprung bei CAP?** Statt SAP-GUI-Links Hinweise: lokal die Konsole von cds watch, auf SAP BTP cf logs, SAP Cloud Logging oder das Cockpit, jeweils mit Korrelations-ID. Deine Frage ist nicht dabei? Sprich mich an: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Schreib mir](https://fronttailor.com/kontakt) --- # Lokalen UI5-Code im echten Launchpad testen · FrontTailor Quelle: https://fronttailor.com/doku/lokaler-code > Lokale UI5-Änderungen im echten Fiori Launchpad testen: App-Dateien auf ui5 serve, fiori run oder BAS umleiten, nur in einem Tab, ohne Deployment, auf PROD gesperrt. ## Lokaler Code Mit „Lokaler Code“ lädt das echte System die Dateien einer UI5-App von deinem Dev-Server. Launchpad, Rollen, Daten, Plugins und UI5 selbst bleiben auf dem System – nur dein eigener Code kommt von localhost. Das gilt nur in diesem Tab, ein Banner in der Seite zeigt es an, und ein Klick schaltet zurück. **Edition** ab Pro **Tab** „Lokaler Code“ **Oberflächen** DevTools-Panel und Side-Panel **Ziele** localhost, 127.0.0.1, [::1], *.localhost, bestätigte https-Dev-Hosts **Auf PROD** Einschalten gesperrt, Ausschalten immer möglich Diese Seite beantwortet - Wie teste ich meine lokale UI5-App im echten Fiori Launchpad, ohne zu deployen? - Wie leite ich die Dateien einer App auf ui5 serve oder fiori run um? - Was bleibt auf dem System, was kommt vom Dev-Server? - Wie schalte ich zurück auf die deployte App? ### Wozu „Lokaler Code“? Manche Fehler zeigen sich nur im echten Launchpad: mit der echten Kachel, den echten Rollen, echten Daten und den Plugins des Systems. Bisher hieß das: bauen, deployen, Cache leeren, testen. Mit dem Tab Lokaler Code leitet FrontTailor die Anfragen nach den Dateien einer App auf deinen Dev-Server um (ui5 serve, fiori run oder die Vorschau im SAP Business Application Studio). Alles andere kommt weiter vom System. Geladen wird nur dein eigener Code; hochgeladen wird nichts. Die Umleitung gilt nur im aktuellen Tab und endet, wenn du ausschaltest, den Tab schließt, den Browser neu startest oder die Extension aktualisiert wird. ab Pro Der Tab hat drei Bereiche: Zuordnungen (welche App auf welchen Dev-Server geht), Neue Zuordnung und So funktioniert es mit einer Kurzanleitung. Hast du https-Dev-Hosts bestätigt, steht darunter Vertraute Dev-Hosts. ### Eine Zuordnung anlegen - Starte deinen Dev-Server, zum Beispiel ui5 serve --port 8080 oder fiori run. - Öffne die App auf dem System – im Launchpad: starte sie –, dann im Panel den Tab Lokaler Code. - Unter Apps auf dieser Seite stehen die erkannten UI5-Apps. Klicke bei deiner App Übernehmen; App-ID und Pfad auf dem System sind dann ausgefüllt. Fehlt die App, klicke Erneut suchen. - Trage unter URL des Dev-Servers die Adresse ein, unter der dein Server die manifest.json der App liefert, etwa http://localhost:8080/. - Klicke Zuordnung speichern. Eine neue Zuordnung im Demo-Launchpad: Die Freestyle-Demo-App geht auf einen Dev-Server an Port 8840. - Übernehmen füllt App-ID (sap.app.id) und Pfad auf dem System aus der erkannten App. Geöffnet markiert die App, die gerade läuft. - URL des Dev-Servers. Darunter steht sofort, ob das Ziel erlaubt ist – hier „Dein eigener Rechner: erlaubt.“ - Component-preload.js: Blockieren (Einzeldateien) ist der Standard und richtig für ui5 serve und fiori run – UI5 lädt dann jede Datei einzeln von deinem Dev-Server. Vom Dev-Server nur, wenn dein Server selbst einen Preload baut (zum Beispiel aus einem dist-Ordner). - Bleibt auf dem System: Diese Pfade leitet FrontTailor nie um, darunter resources/, test-resources/, sap-ui-cachebuster-info.json und die Backend-Services aus dem Manifest der App. - Zuordnung speichern legt die Zuordnung für dieses System ab. Eingeschaltet ist damit noch nichts. Zuordnungen gelten je System (Host). Pro Host speichert FrontTailor bis zu 30 Zuordnungen, lokal im Browser. Mit Bearbeiten und Löschen änderst du sie später. ### Den Dev-Server prüfen Bevor du einschaltest, klicke bei der Zuordnung Prüfen. FrontTailor ruft dann – nur auf diesen Klick – die manifest.json unter der URL des Dev-Servers ab und vergleicht die App-ID. Die Prüfung ist grün: Der Dev-Server liefert dieselbe App. - Prüfen fragt den Dev-Server nach der manifest.json. - Das Ergebnis, hier „Dev-Server antwortet in … ms mit der manifest.json von ft.demo.freestyle.“ Andere Ergebnisse stehen unter Typische Probleme. - Einschalten startet die Umleitung (siehe nächster Abschnitt). ### Einschalten - Klicke bei der Zuordnung Einschalten. - Lies im Dialog, was passiert: welcher Pfad wohin geht, wie Component-preload.js behandelt wird und was auf dem System bleibt. - Setze den Haken Ich möchte meinen lokalen Code in diesem Tab ausführen. - Klicke Einschalten und neu laden. Die Seite lädt ohne Cache neu und holt die Dateien der App von deinem Dev-Server. Vor dem Umschalten zeigt FrontTailor genau, was umgeleitet wird – und verlangt einen Haken. - Ohne diesen Haken bleibt der Button gesperrt. - Einschalten und neu laden. Abbrechen lässt alles, wie es ist. Hat FrontTailor noch keinen Zugriff auf das System, fragt der Browser beim Einschalten danach (siehe [Zugriff auf eine Seite erlauben](https://fronttailor.com/doku/einstieg#freigabe)). Gebraucht wird der Zugriff auf den Ursprung der App-Dateien und den der Seite. Pro Tab ist immer nur eine Umleitung aktiv. ### Woran du siehst, dass lokaler Code läuft Solange die Umleitung aktiv ist, zeigt die Seite unten einen Banner Lokaler Code aktiv mit der Adresse des Dev-Servers und der App-ID. Er gehört zur Extension, nicht zur App, und erscheint nicht im Ausdruck. Im Demo-Launchpad kommt die geänderte Master.view.xml vom Dev-Server: Der Listentitel heißt jetzt „Produkte (lokal)“. Unten der Banner. Im Panel steht über den Zuordnungen ein Hinweis mit derselben Information; die aktive Zuordnung trägt die Markierung Aktiv. Das Panel bei aktiver Umleitung. - Ausschalten beendet die Umleitung und lädt die deployte App. - Die Markierung Aktiv an der Zuordnung, die gerade wirkt. ### Ausschalten Drei Wege führen zurück zur deployten App: - Ausschalten im Banner in der Seite, - Ausschalten im Panel, - der Befehl Lokalen Code ausschalten () in der [Befehlspalette](https://fronttailor.com/doku/command-palette) – er erscheint nur, solange eine Umleitung aktiv ist. Ausschalten funktioniert immer: auch auf PROD, auch wenn die Lizenz abgelaufen ist und auch, wenn dein Administrator das Modul per Richtlinie abgeschaltet hat. Schließt du den Tab, endet die Umleitung ebenfalls. ### Erlaubte Ziele und vertraute Dev-Hosts Ziel | Erlaubt? localhost, 127.0.0.1, [::1], *.localhost – jeder Port, http oder https | Ja, ohne Rückfrage. Ein anderer Host über https, zum Beispiel die Vorschau im SAP Business Application Studio | Erst nach deiner Bestätigung: Beim Speichern fragt FrontTailor „Diesem Dev-Host vertrauen?“. Bekannte BAS-Hosts sind als solche gekennzeichnet, alle anderen mit einer Warnung. Bis zu 20 bestätigte Hosts; entfernen kannst du sie in Vertraute Dev-Hosts. http zu einem anderen Host, andere Schemata, URLs mit Benutzer oder Passwort | Nein. FrontTailor führt den Code nicht selbst aus und lädt ihn nicht in die Extension: Der Browser holt die Dateien wie sonst auch, nur von einer anderen Adresse. Zugangsdaten speichert FrontTailor dabei nicht. Auf PROD Auf einem als PROD markierten System ist Einschalten gesperrt – im Panel und zusätzlich im Hintergrund der Extension. Der Tab zeigt dann „Dieses System ist als PROD markiert: App-Dateien auf einen Dev-Server umzuleiten ist gesperrt. Ausschalten bleibt möglich.“ Wie du ein System markierst: [Host-Profile und PROD](https://fronttailor.com/doku/host-profile-und-prod). ### Gut zu wissen - CORS: Der Dev-Server muss Cross-Origin-Anfragen erlauben. ui5 serve und fiori run tun das. - Lokales Netzwerk: Chrome fragt eventuell einmal, ob das System auf Geräte im lokalen Netzwerk zugreifen darf. Erlaube es. - Content Security Policy: Eine strenge CSP des Systems kann localhost sperren. Die App startet dann nicht; Ausschalten stellt sie wieder her. - BAS: Die Vorschau verlangt eine Anmeldung. Öffne die Vorschau-URL einmal in diesem Browser und melde dich an. - Service Worker der App: Hat die App einen eigenen Service Worker, kann er an der Umleitung vorbei aus seinem Cache liefern. Leere dann den Cache (siehe [Werkzeuge](https://fronttailor.com/doku/werkzeuge)). - Eine Wurzel je Zuordnung: Eigene Bibliotheken, die die App von einem anderen Pfad lädt, brauchen eine eigene Zuordnung. ### Typische Probleme Meldung | Ursache und Abhilfe „Keine Antwort von …“ | Der Dev-Server läuft nicht auf diesem Port oder erlaubt keine Cross-Origin-Anfragen. „… liefert 404“ | Die URL muss auf den Ordner mit der manifest.json zeigen – bei ui5 serve die Wurzel des Servers. „… gehört zu … statt …“ | Der Server liefert eine andere App. Prüfe URL oder Zuordnung. „… hat keine sap.app.id“ oder „… ist kein JSON“ | Die URL zeigt nicht auf den webapp-Ordner der App. „… verlangt eine Anmeldung“ | Typisch für BAS: die Vorschau-URL einmal im Browser öffnen und anmelden. „Ziel nicht erlaubt“ | Nur localhost oder ein bestätigter https-Dev-Host, siehe Erlaubte Ziele. „Die URL des Dev-Servers liegt im Pfad auf dem System“ | Das ergäbe eine Schleife. Ziel und Pfad auf dem System müssen verschieden sein. „FrontTailor hat noch keinen Zugriff auf dieses System“ | Erneut auf Einschalten klicken und den Zugriff erlauben. „Noch keine UI5-App gefunden“ | Die App ist noch nicht gestartet. Im Launchpad die App öffnen und Erneut suchen klicken. Die App startet nach dem Einschalten nicht | Oft eine strenge CSP oder fehlendes CORS. Ausschalten stellt die deployte App wieder her. ### Siehe auch - Funktionen im Überblick [Funktionen · Testen & melden](https://fronttailor.com/funktionen#entwickeln) - Zum Nachlesen [Git und SAP – Versionsverwaltung und Transporte](https://www.rheinwerk-verlag.de/git-und-sap/) (SAP PRESS) - Zum Nachlesen [SAPUI5 – The Comprehensive Guide](https://www.sap-press.com/sapui5_6012/) (SAP PRESS) - Hilfe von Menschen [Fiori-, UI5- und CAP-Apps nach Maß](https://fronttailor.com/leistungen#apps) - Doku [Werkzeuge](https://fronttailor.com/doku/werkzeuge) - Doku [Host-Profile und PROD](https://fronttailor.com/doku/host-profile-und-prod) - Doku [Befehlspalette](https://fronttailor.com/doku/command-palette) - Belege ADR-036 Häufige Fragen ### Kurz beantwortet. **Kann ich meine lokale UI5-App im echten Fiori Launchpad testen, ohne zu deployen?** Ja, mit dem Tab Lokaler Code (Pro). FrontTailor leitet nur die Dateien dieser einen App auf deinen Dev-Server um, in genau einem Tab. Launchpad, Rollen, Daten und UI5 kommen weiter vom System. **Funktioniert das mit ui5 serve, fiori run und SAP Business Application Studio?** Ja. ui5 serve und fiori run auf localhost sind ohne Rückfrage erlaubt. Für die BAS-Vorschau bestätigst du den https-Host einmal und meldest dich im Browser an. **Was passiert auf PROD?** Einschalten ist auf einem als PROD markierten System gesperrt. Ausschalten bleibt immer möglich. **Wie komme ich zurück zur deployten App?** Ausschalten im Banner der Seite, im Panel oder über die Befehlspalette. Auch das Schließen des Tabs beendet die Umleitung. Deine Frage ist nicht dabei? Sprich mich an: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Schreib mir](https://fronttailor.com/kontakt) --- # Bekannte Fehler: Lösung direkt am SAP-Fehler · FrontTailor Quelle: https://fronttailor.com/doku/bekannte-fehler > Lösungen für wiederkehrende OData-, Gateway- und Berechtigungsfehler einmal speichern. FrontTailor zeigt sie, sobald derselbe Fehler wieder auftaucht. ## Bekannte Fehler Jede Woche derselbe Fehler, und jedes Mal sucht jemand die Lösung neu? Mit „Bekannte Fehler“ speicherst du sie einmal am Fehler. Beim nächsten Auftreten trägt der Fehler das Kennzeichen „Bekannt“, und die Lösung steht direkt darunter – in der OData-Konsole, im UI5-Log, in Health, bei Berechtigungen und im Issue Reporter. **Edition** Community **Tab** „Bekannte Fehler“ **Oberflächen** DevTools-Panel und Side-Panel **Speicher** nur in diesem Browser, bis 1.000 Einträge **Team-Einträge** über Team-Pakete, Edition Team **Auf PROD** keine Sperre, ändert nichts am System Diese Seite beantwortet - Wie dokumentiere ich die Lösung für einen wiederkehrenden Gateway-Fehler? - Wie sieht das Team, dass ein Fehler schon bekannt ist? - Welche Teile eines Fehlers machen ihn wiedererkennbar? - Wie teile ich bekannte Fehler mit Kollegen? ### Der Tab im Überblick Der Tab Bekannte Fehler sammelt deine Lösungen. Solange er leer ist, erklärt er die Idee in drei Schritten. Der leere Tab: drei Schritte zur ersten Lösung. - Neu legt einen Eintrag von Hand an. - Importieren liest eine JSON-Datei mit Einträgen, Exportieren schreibt deine Einträge in eine. - Der leere Zustand: Fehler öffnen, Als bekannten Fehler speichern, Lösung schreiben. ### Eine Lösung am Fehler speichern - In der [OData-Konsole](https://fronttailor.com/doku/odata-konsole) den fehlgeschlagenen Request öffnen und den Tab Fehler wählen. - Als bekannten Fehler speichern klicken. Das Muster ist aus dem Fehler übernommen und maskiert. - Titel und Lösung (Markdown) eintragen. - Im Muster entfernen, was sich von Fall zu Fall ändert, etwa Schlüssel oder Nummern. - Speichern. Aus einem 403 der Demo-App: Nachricht, Status, Service, Entity-Set und Berechtigungsobjekt sind schon ausgefüllt. - Titel, kurz und wiedererkennbar. - Lösung (Markdown), etwa welche Rolle fehlt und wo man nachsieht. - Das Muster beginnt mit der T100-Nachricht: Nachrichtenklasse und -nummer. - Das Berechtigungsobjekt aus dem Fehlertext oder der Berechtigungsdiagnose. - Speichern. Unter Links, Ticket und Zuständigkeit ergänzt du bis zu zehn Links, ein bekanntes Ticket, die Zuständigkeit (Team oder Rolle), eine Ticket-Vorlage und das Datum „zuletzt bestätigt“. Musterfeld | Passt, wenn … Nachrichtenklasse · Nachrichtennummer | … die T100-Nachricht im Fehlercode oder in den Details steht, z. B. ZFT_DEMO/403. Die Nummer nur zusammen mit der Klasse. HTTP-Status | … der Status gleich ist (403) oder in der Klasse liegt (5xx). Gateway-Fehlercode | … der Code so beginnt: /IWFND/CM_BEC trifft /IWFND/CM_BEC/026. Meldungstext (Regex) | … der reguläre Ausdruck den Fehlertext trifft (ohne Groß-/Kleinschreibung). App-ID | … der Fehler aus dieser App kommt. Service · Entity-Set | … die Service-URL den Text enthält bzw. das Entity-Set gleich ist. Konsolen-/UI5-Log-Fehler (Regex) | … ein Fehler aus UI5-Log oder Konsole passt. Berechtigungsobjekt | … die Berechtigungsdiagnose es nennt oder es als Wort im Fehlertext steht. Alle ausgefüllten Felder müssen passen. Reguläre Ausdrücke dürfen nicht leer treffen (kein .*) und höchstens 300 Zeichen lang sein. Passen mehrere Einträge, steht der genaueste oben. ### Beim nächsten Mal: „Bekannt“ Derselbe 403 noch einmal: Kennzeichen in der Kopfzeile, Lösung über dem Fehler. - Das Kennzeichen Bekannt in der Kopfzeile des Details. Ein Klick springt zum Tab Fehler. - Die Lösungskarte mit Titel, Lösung, Ticket und Zuständigkeit, dazu Bearbeiten. Weitere Lösung speichern legt einen zweiten Eintrag an. Ort | Anzeige [OData-Konsole](https://fronttailor.com/doku/odata-konsole) | „Bekannt“ im Detail, Lösungskarte über jedem Fehlerabschnitt. UI5-Log ([Werkzeuge](https://fronttailor.com/doku/werkzeuge)) | Spalte „Bekannt“ bei Fehlerzeilen, Lösung aufklappbar. [Health und Morgencheck](https://fronttailor.com/doku/health-und-morgencheck) | Karte Bekannte Fehler in dieser Sitzung. Berechtigungen | Lösungskarte je Befund. [Problem melden](https://fronttailor.com/doku/problem-melden) | Karte im Kontext; der Bericht erhält den Abschnitt „Bekannte Fehler“ mit Lösung oder „Bereits bekannt: Ticket …“. ### Die Liste Ein Eintrag mit seinem Muster und zwei Treffern. - Suchen über Titel, Lösung, Muster und Ticket – alle Wörter müssen vorkommen. - Exportieren schreibt die eigenen Einträge als JSON-Datei. - Das Muster als Chips: Meldung, HTTP, Service, Entity-Set, Berechtigungsobjekt. - Wie oft der Eintrag getroffen hat und wann zuletzt. - Bearbeiten und Löschen. Knopf | Wirkung Neu | Eintrag ohne Fehler als Vorlage anlegen. Als bekannten Fehler speichern | Eintrag aus einem Fehler anlegen, Muster vorausgefüllt. Lösung anzeigen · Lösung ausblenden | Eintrag auf- und zuklappen. Bearbeiten · Löschen | Eintrag ändern · Eintrag samt Trefferzahl entfernen (mit Rückfrage). Ticket-Vorlage kopieren | Den Vorlagentext für ein neues Ticket in die Zwischenablage. Importieren · Exportieren | JSON-Datei mit eigenen Einträgen lesen oder schreiben. ### Maskierung und Team Muster dürfen keine personenbezogenen Daten enthalten. Beim Speichern aus einem Fehler werden E-Mail-Adressen, Telefonnummern, IBANs und lange Ziffernfolgen zu Platzhaltern (.+?). Ein Muster mit solchen Werten lehnt FrontTailor ab: „Personenbezogene Daten in „…“: durch einen Platzhalter (.+?) ersetzen.“ Der Abgleich läuft nur im Panel, nie in der Seite. Eigene Einträge sind kostenlos. Mit ab Team kommen Einträge des Teams über ein Team-Paket dazu, siehe [Team-Pakete](https://fronttailor.com/doku/team-pakete). Team-Einträge kannst du lokal überschreiben; Einträge aus einer Vorgabe der Administration sind schreibgeschützt. Ein Export enthält nur deine eigenen Einträge, ohne Treffer. Auf PRODBekannte Fehler ändern weder die App noch das SAP-System. Deshalb gibt es auf PROD keine Sperre: Gerade dort hilft die Lösung am Fehler. ### Typische Probleme Problem | Lösung Der Fehler wird nicht als bekannt erkannt | Ein Musterfeld passt nicht mehr, oft ein Schlüssel oder eine Nummer im Text. Im Meldungstext variable Teile durch .+? ersetzen oder das Feld leeren. Speichern wird abgelehnt | Das Muster enthält personenbezogene Daten oder ist leer. Der Editor nennt das Feld. Team-Einträge fehlen | Sie erscheinen nur mit eingeschaltetem Team-Sync und Lizenz ab Team. Der Tab weist darauf hin. Der Import überspringt Einträge | Ungültige Einträge und Muster mit personenbezogenen Daten werden ausgelassen; die Meldung nennt die Zahl. ### Siehe auch - Funktionen im Überblick [Funktionen · Testen & melden](https://fronttailor.com/funktionen#entwickeln) - Zum Nachlesen [SAP Business Technology Platform – Sicherheit und Berechtigungen](https://www.rheinwerk-verlag.de/sap-business-technology-platform-sicherheit-und-berechtigungen/) (SAP PRESS) - Hilfe von Menschen [Release- und Transportqualität](https://fronttailor.com/leistungen#release) - Doku [OData-Konsole](https://fronttailor.com/doku/odata-konsole) - Doku [Problem melden](https://fronttailor.com/doku/problem-melden) - Doku [Health und Morgencheck](https://fronttailor.com/doku/health-und-morgencheck) - Doku [Team-Pakete](https://fronttailor.com/doku/team-pakete) - Belege ADR-040 Häufige Fragen ### Kurz beantwortet. **Wo speichert FrontTailor bekannte Fehler?** Nur in deinem Browser, bis zu 1.000 Einträge. Teilen geht über eine JSON-Datei oder, mit der Edition Team, über Team-Pakete. **Kostet die Funktion Bekannte Fehler etwas?** Eigene Einträge sind in der kostenlosen Community-Edition enthalten. Einträge für das ganze Team über Team-Pakete brauchen die Edition Team. **Woran erkennt FrontTailor einen bekannten Fehler wieder?** An einem Muster aus T100-Nachricht, HTTP-Status, Gateway-Code, Fehlertext, App-ID, Service, Entity-Set, Konsolenmeldung oder Berechtigungsobjekt. Alle ausgefüllten Felder müssen passen. **Landen personenbezogene Daten in den Mustern?** Nein. Beim Speichern werden sie maskiert, und Muster mit personenbezogenen Daten lehnt FrontTailor ab. Deine Frage ist nicht dabei? Sprich mich an: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Schreib mir](https://fronttailor.com/kontakt) --- # Fiori-App-Zustand merken und wiederherstellen · FrontTailor Quelle: https://fronttailor.com/doku/lesezeichen > Route, Filterwerte, Variante und Tab einer Fiori-App merken und nach dem Neuladen per Klick wiederherstellen – auch im Launchpad, auf PROD ohne Schreibschritte. ## Lesezeichen für den App-Zustand Du hast dich zur Fehlerstelle durchgeklickt, Filter gesetzt, den richtigen Tab gewählt – und dann musst du neu laden. Lesezeichen merken sich genau diesen Zustand. Nach dem Neuladen bringt dich ein Klick zurück: Navigation, Filter, Variante und Tab, auf Wunsch auch aufgezeichnete Klicks. **Edition** Community **Ort** Karte „Lesezeichen“ oben im Tab „Übersicht“, kein eigener Tab **Palette** „Zustand merken“, „Lesezeichen öffnen: …“ **Speicher** bis 300 Lesezeichen in diesem Browser **Team-Lesezeichen** über Team-Pakete, Edition Team **Auf PROD** Navigation, Filter und Tabs ja, Schreibschritte nein Diese Seite beantwortet - Wie komme ich nach dem Neuladen schnell zur selben Stelle in der Fiori-App zurück? - Werden Filterwerte und Variante mitgespeichert? - Funktionieren Lesezeichen auch im Launchpad und auf anderen Systemen? - Was passiert auf einem Produktivsystem? ### Wo die Lesezeichen sind Lesezeichen haben keinen eigenen Tab. Die Karte Lesezeichen steht ganz oben im Tab [Übersicht & Systemsteckbrief](https://fronttailor.com/doku/uebersicht) – dem Tab, den das Panel nach dem Öffnen zeigt, also genau im Moment nach dem Neuladen. Ohne Einträge sagt sie: „Noch keine Lesezeichen. Geh an die Stelle, die du brauchst (Detailseite, Filter, Tab), und klicke „Zustand merken“.“ ### Zustand merken - In der App zur gewünschten Stelle gehen: Detailseite, Filter, Variante, Tab. - Im Panel den Tab Übersicht öffnen. - In der Karte Lesezeichen auf Zustand merken klicken. Es erscheint „Gemerkt: „…““. - Bei Bedarf über das Menü … → Umbenennen einen sprechenden Namen vergeben. Gemerkt in der Freestyle-Demo-App: Suche „Dock“ und die Detailseite von P-1001. - Zustand merken: speichert URL mit Launchpad-Intent und App-Route, Filterwerte und Variante sowie den gewählten Tab oder Abschnitt. - Der Name: anfangs App und Route. Darunter App, Route und Alter (gerade eben, vor 5 Min. …). - Tags: Zahl der Filter, Tab, Zahl der Schritte, Ändert Daten. - Die Details (aufklappen mit dem Pfeil links): Filter, Variante, Tab oder Abschnitt, Schritte. Werte werden maskiert angezeigt. - Wiederherstellen. - Das Menü …: Details, Umbenennen, Löschen. Control in der App | Was gemerkt wird Filterleiste in Fiori Elements V4 (sap.ui.mdc.FilterBar) | Bedingungen und Variante. SmartFilterBar in Fiori Elements V2 | Filterdaten und Variante. sap.m.SearchField außerhalb von Filterleisten und Dialogen | Suchtext. sap.m.IconTabBar · sap.m.TabContainer | Gewählter Tab. sap.uxap.ObjectPageLayout | Gewählter Abschnitt. Je Lesezeichen gelten höchstens 10 Filterleisten, 10 Tabs und 20 Schritte. ### Wiederherstellen - App neu laden oder in einem anderen Tab öffnen; FrontTailor verbindet sich. - Im Tab Übersicht beim Lesezeichen auf Wiederherstellen klicken. - FrontTailor navigiert zur gemerkten Stelle, setzt Filter und Tab und wiederholt angehängte Schritte. Zeigt der Tab ein anderes Dokument, lädt FrontTailor zuerst die gemerkte URL. - Das Ergebnis lesen: wiederhergestellt oder mit Lücken wiederhergestellt. Nach dem Neuladen auf die Startseite: ein Klick, und Suche und Detailseite sind zurück. - Das Ergebnis: wie viele Filter- und Tab-Zustände gesetzt wurden – und bei Lücken, was nicht gefunden, übersprungen oder auf PROD gesperrt war. Die App nach dem Klick: Suchtext „Dock“ und die Detailseite von USB-C Dock. - Der gemerkte Suchtext ist wieder gesetzt; die App hat die Liste selbst gefiltert. Filter einer Filterleiste, die beim Merken nicht sichtbar war (etwa die des List Reports, während eine Object Page offen war), setzt FrontTailor zuerst auf der Startroute der App und navigiert dann weiter. Controls findet es über ihre ID, sonst über die view-lokale ID und die Klasse – so greift ein Lesezeichen auch, wenn das Launchpad einen anderen Präfix vergibt. ### Aufgezeichnete Schritte anhängen Liegt im Panel eine beendete Aufzeichnung des Recorders ([Problem melden](https://fronttailor.com/doku/problem-melden)), bietet die Karte Letzte n aufgezeichnete Schritte anhängen an (höchstens 20, standardmäßig aus). Die Schritte werden nach den Filtern wiederholt, etwa um einen Dialog wieder zu öffnen. Klicks und Schalter werden wiederholt, Texteingaben und Auswahl übersprungen und gezählt. Auf PROD „PROD-System: Navigation, Filter und Tabs werden wiederhergestellt, aufgezeichnete Schritte, die Daten ändern, nicht.“ Als ändernd gelten Schaltflächen wie Sichern, Bearbeiten, Anlegen, Löschen, Genehmigen – und jede Schaltfläche ohne bekanntes Wort. Solche Lesezeichen tragen das Tag Ändert Daten. Der Hintergrund der Extension und die Seite prüfen das beide, unabhängig vom Panel. Siehe [Host-Profile und PROD](https://fronttailor.com/doku/host-profile-und-prod). ### Lesezeichen in der Befehlspalette In der [Befehlspalette](https://fronttailor.com/doku/command-palette) (Alt+Shift+K) stehen Zustand merken und je Lesezeichen Lesezeichen öffnen: …. Beide lassen sich wie jeder Befehl als Favorit anheften. ### Team-Lesezeichen und Datenschutz Eigene Lesezeichen gelten je Origin und sind kostenlos. Mit ab Team kommen Team-Lesezeichen über ein Team-Paket dazu ([Team-Pakete](https://fronttailor.com/doku/team-pakete)); sie stehen in der Gruppe Team und gelten auf jedem System mit derselben App, weil der Pfad relativ gespeichert wird. Die Karte gruppiert nach Diese App, Andere Apps auf diesem System und Team; ab sechs Einträgen gibt es eine Suche. Gespeichert wird lokal in diesem Browser, ohne sensible URL-Parameter, ohne Tokens und Cookies. Werte werden so behalten, wie sie gelesen wurden, aber maskiert angezeigt (Regeln des Issue Reporters). Beim Export in ein Team-Paket werden Name, Filterwerte, Schritte und Pfad maskiert; maskierte Filter überspringt das Wiederherstellen. ### Alle Knöpfe Knopf | Wirkung Zustand merken | Aktuellen Zustand der App als Lesezeichen speichern. Letzte n aufgezeichnete Schritte anhängen | Schritte des Recorders mitspeichern (Häkchen). Lesezeichen suchen | Liste filtern (ab sechs Einträgen). Wiederherstellen | Navigieren, Filter und Tab setzen, Schritte wiederholen. Details anzeigen · Details ausblenden | Filter, Variante, Tab und Schritte zeigen. Umbenennen · Löschen | Im Menü …; Lesezeichen aus einer Vorgabe der Administration sind schreibgeschützt. ### Typische Probleme Problem | Lösung Verbinde eine UI5-App, um ihren Zustand zu merken. | Die Karte braucht eine verbundene App. Warten, bis oben Verbunden steht. mit Lücken wiederhergestellt | Ein Filter oder Tab wurde nicht gefunden, etwa weil die App sich geändert hat. Die Meldung nennt, was fehlt; Lesezeichen neu merken. Schritte werden übersprungen | Texteingaben und Auswahl werden nie wiederholt. Auf PROD fallen zusätzlich Schritte weg, die Daten ändern können. Team-Lesezeichen fehlen | Sie erscheinen nur mit eingeschaltetem Team-Sync und Lizenz ab Team. ### Siehe auch - Funktionen im Überblick [Funktionen · Inspector & Models](https://fronttailor.com/funktionen#inspector) - Zum Nachlesen [SAP Fiori Elements – Grundlagen, Entwicklung und Erweiterung](https://www.rheinwerk-verlag.de/sap-fiori-elements/) (SAP PRESS) - Hilfe von Menschen [Hands-on-Workshops zu SAPUI5, Fiori Elements, OData und CAP](https://fronttailor.com/leistungen#hands-on) - Doku [Übersicht & Systemsteckbrief](https://fronttailor.com/doku/uebersicht) - Doku [Befehlspalette](https://fronttailor.com/doku/command-palette) - Doku [Problem melden](https://fronttailor.com/doku/problem-melden) - Doku [Team-Pakete](https://fronttailor.com/doku/team-pakete) - Belege ADR-038 Häufige Fragen ### Kurz beantwortet. **Speichern Lesezeichen auch Filter und Variante?** Ja. Gemerkt werden Route mit Launchpad-Intent, Filterwerte und Variante der Filterleiste (Fiori Elements V2 und V4), Suchfelder sowie der gewählte Tab oder Abschnitt. **Wo finde ich die Lesezeichen?** Es gibt keinen eigenen Tab: Die Karte Lesezeichen steht ganz oben im Tab Übersicht. Außerdem stehen sie in der Befehlspalette (Alt+Shift+K). **Sind Lesezeichen auf PROD erlaubt?** Ja, Navigation, Filter und Tabs werden auch auf PROD wiederhergestellt. Aufgezeichnete Schritte, die Daten ändern können, werden dort nicht wiederholt. **Kann ich Lesezeichen mit dem Team teilen?** Mit der Edition Team über Team-Pakete. Weil der Pfad relativ gespeichert ist, gelten sie auf jedem System mit derselben App. Deine Frage ist nicht dabei? Sprich mich an: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Schreib mir](https://fronttailor.com/kontakt) --- # Befehlspalette für UI5-Apps: Alt+Shift+K · FrontTailor Quelle: https://fronttailor.com/doku/command-palette > Mit Alt+Shift+K direkt in der UI5-App: Debug-Modus schalten, Cache zurücksetzen, Log-Level setzen, Support Assistant starten – per Tastatur, mit Favoriten. ## Befehlspalette Die Befehlspalette bringt die Werkzeuge von FrontTailor in die App selbst: Alt+Shift+K drücken, ein paar Buchstaben tippen, Enter. Ohne DevTools, ohne Maus. Häufige Befehle heftest du als Favoriten an. **Edition** Community **Tastenkürzel** Alt+Shift+K (änderbar) **Ort** in der Seite der App, über allem **Auch über** Werkzeuge › Weitere Werkzeuge › Befehlspalette, Popup „Palette“ **Auf PROD** gesperrte Befehle sichtbar, aber deaktiviert Diese Seite beantwortet - Wie schalte ich den UI5-Debug-Modus per Tastatur ein? - Wie setze ich den Cache einer Fiori-App schnell zurück? - Wie ändere ich das Tastenkürzel der Palette? - Wie hefte ich häufige Befehle an? ### Palette öffnen Die Palette öffnet sich in der Seite der App, nicht im Panel. Es gibt drei Wege: - Alt+Shift+K in der App (auf dem Mac ⌥⇧K). - Im Panel: Tab Werkzeuge › Karte Weitere Werkzeuge › Befehlspalette › Öffnen. - Im Popup der Extension: Palette. Die Palette im Tab Werkzeuge: Tastenkürzel ansehen und ändern, Palette öffnen. - Tastenkürzel ändern öffnet chrome://extensions/shortcuts. Daneben steht das aktuelle Kürzel. - Öffnen zeigt die Palette in der App. Die Palette über der App: Suchfeld oben, Aktionen darunter, Tastenhilfe unten. - Aktion suchen …: Tippen filtert sofort. - Die gewählte Aktion; der Stern rechts heftet sie an. ### Einen Befehl ausführen - In der App Alt+Shift+K drücken. - debug tippen. Die Suche ist unscharf: Wortanfänge und zusammenhängende Treffer stehen oben. - Mit ↑/↓ Debug-Modus einschalten wählen. - Enter drücken. Die App lädt mit sap-ui-debug=true neu. Suche nach „debug“: alle passenden Aktionen, die beste zuerst. - Der Suchbegriff. - Der beste Treffer ist gewählt; Enter führt ihn aus. Befehle, die etwas löschen oder zurücksetzen, fragen nach: „Wirklich ausführen?“ – ein zweites Enter führt aus, Esc bricht ab. Der Hintergrund der Extension prüft trotzdem selbst. ### Die Befehle Befehl | Wirkung Cache zurücksetzen und neu laden | Caches der App leeren und neu laden; mit Rückfrage, auf PROD gesperrt. Neu laden ohne Cache | Seite am Browser-Cache vorbei neu laden. Debug-Modus einschalten · ausschalten | sap-ui-debug setzen oder entfernen. Nur eigenen Code debuggen (sap-ui-debug=) | Nur den Namensraum der App unminifiziert laden. Alle Debug-Parameter entfernen | Debug-Parameter aus der URL nehmen. Component-Preload · View-Cache ausschalten · Flexibility-Services auf „/“ setzen | Debug-Schalter der App, siehe [Werkzeuge](https://fronttailor.com/doku/werkzeuge). Cache-Buster prüfen | Prüft, ob die geladene Version zum Deploy passt. Launchpad-Personalisierung zurücksetzen | Mit Rückfrage, auf PROD gesperrt. UI5-Log-Level: Debug · Warnung | Log-Level von UI5 umstellen. Support Assistant starten | Die UI5-Regelprüfung der App. Technische Informationen (Diagnostics) öffnen | Das UI5-Diagnosefenster. Control auswählen (Pick-Modus) | Wie Alt+Shift+F, siehe [Inspector](https://fronttailor.com/doku/inspector). Side-Panel öffnen | Das Side-Panel von FrontTailor. Tastenkürzel ändern | Öffnet chrome://extensions/shortcuts. URL-Profil „…“ anwenden | Je eigenem URL-Profil, siehe [Werkzeuge](https://fronttailor.com/doku/werkzeuge). Zustand merken · Lesezeichen öffnen: … | Siehe [Lesezeichen für den App-Zustand](https://fronttailor.com/doku/lesezeichen). ### Favoriten und zuletzt verwendet Mit dem Stern oder Strg+D (Mac: Cmd+D) heftest du den gewählten Befehl an. Ohne Suchbegriff zeigt die Palette dann zuerst Favoriten, danach die zehn zuletzt verwendeten Befehle, dann Alle Aktionen. Ein angehefteter Befehl steht ganz oben. - Die Gruppe Favoriten. - Der angeheftete Befehl mit gefülltem Stern. Noch einmal Strg+D löst ihn. Im Tab Werkzeuge zeigt die Karte Favoriten der Palette eigene Favoriten, Team-Favoriten und zuletzt verwendete Befehle; dort lassen sich Favoriten ebenfalls setzen und lösen. Favoriten aus Team-Paketen erscheinen mit ab Team und tragen das Kennzeichen Team; Vorgaben der Administration (Admin) lassen sich nicht lösen. ### Tasten in der Palette Taste | Wirkung ↑ ↓ | Auswählen. Enter | Ausführen; bei Rückfrage ein zweites Mal zum Bestätigen. Strg+D | Anheften oder lösen. Esc | Schließen oder Rückfrage abbrechen – ohne etwas auszuführen. Die Palette verarbeitet nur echte Tastendrücke und gibt keine Tasten an die App weiter. Das Kürzel Alt+Shift+K änderst du unter chrome://extensions/shortcuts (Edge: edge://extensions/shortcuts). Auf PRODBefehle, die auf PROD nicht erlaubt sind (etwa Cache zurücksetzen oder Launchpad-Personalisierung zurücksetzen), bleiben sichtbar, sind aber deaktiviert: „Auf PROD gesperrt“. Die Sperre sitzt im Hintergrund der Extension, nicht nur in der Palette. Siehe [Host-Profile und PROD](https://fronttailor.com/doku/host-profile-und-prod). ### Typische Probleme Problem | Lösung Alt+Shift+K tut nichts | Das Kürzel ist belegt oder nicht gesetzt („Kein Tastenkürzel gesetzt“ im Tab Werkzeuge). Unter chrome://extensions/shortcuts neu vergeben, oder über Öffnen im Tab Werkzeuge starten. Die Palette braucht eine verbundene UI5-App im Tab. | Die Palette läuft nur auf erkannten UI5-Seiten. Warten, bis das Panel Verbunden zeigt. Ein Befehl ist grau | Er ist auf dieser Seite nicht verfügbar oder auf PROD gesperrt; der Hinweis daneben sagt, warum. Side-Panel öffnen klappt nicht | Der Browser verlangt dafür einen direkten Klick. Dann über das Symbol der Extension öffnen; die Palette weist darauf hin. ### Siehe auch - Funktionen im Überblick [Funktionen · Inspector & Models](https://fronttailor.com/funktionen#inspector) - Zum Nachlesen [SAPUI5 – The Comprehensive Guide](https://www.sap-press.com/sapui5_6012/) (SAP PRESS) - Hilfe von Menschen [Hands-on-Workshops zu SAPUI5, Fiori Elements, OData und CAP](https://fronttailor.com/leistungen#hands-on) - Doku [Werkzeuge](https://fronttailor.com/doku/werkzeuge) - Doku [Lesezeichen für den App-Zustand](https://fronttailor.com/doku/lesezeichen) - Doku [Inspector](https://fronttailor.com/doku/inspector) - Belege ADR-008 · ADR-029 Häufige Fragen ### Kurz beantwortet. **Wie öffne ich die Befehlspalette von FrontTailor?** In der UI5-App Alt+Shift+K drücken. Alternativ im Panel unter Werkzeuge › Weitere Werkzeuge › Befehlspalette auf Öffnen klicken oder im Popup der Extension auf Palette. **Kann ich das Tastenkürzel ändern?** Ja, unter chrome://extensions/shortcuts (in Edge edge://extensions/shortcuts). Der Tab Werkzeuge verlinkt dorthin. **Was passiert bei gefährlichen Befehlen wie Cache zurücksetzen?** Die Palette fragt nach („Wirklich ausführen?“), erst ein zweites Enter führt aus. Auf PROD sind solche Befehle gesperrt. **Kostet die Befehlspalette etwas?** Nein. Sie gehört zur kostenlosen Community-Edition. Team-Favoriten aus Team-Paketen brauchen die Edition Team. Deine Frage ist nicht dabei? Sprich mich an: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Schreib mir](https://fronttailor.com/kontakt) --- # Lizenz eintragen und Editionen von FrontTailor · FrontTailor Quelle: https://fronttailor.com/doku/lizenz-und-editionen > FrontTailor-Lizenz eintragen: 7 Tage Testphase, danach Community. Schlüssel im Tab Werkzeuge aktivieren, offline geprüft. Was Pro, Team und Enterprise freischalten. ## Lizenz und Editionen FrontTailor gibt es in vier Editionen: Community ist kostenlos, Pro, Team und Enterprise schaltet ein Lizenzschlüssel frei. Jede neue Installation bekommt 7 Tage lang alle Editionen; danach gilt Community, bis du einen Schlüssel einträgst. Der Schlüssel wird offline im Browser geprüft und verlässt ihn nie. **Wo** Tab „Werkzeuge“ › Karte „Lizenz“ oder gesperrter Tab **Prüfung** offline, Ed25519-Signatur **Testphase** 7 Tage, alle Editionen **Danach** Community, bis ein Schlüssel eingetragen ist Diese Seite beantwortet - Wo trage ich den Lizenzschlüssel von FrontTailor ein? - Was schalten Pro, Team und Enterprise frei? - Wird mein Lizenzschlüssel an einen Server geschickt? - Was passiert, wenn die Lizenz abläuft? - Was gilt nach der Testphase? ### 7 Tage alle Editionen, danach Community Seit Version 1.0.0 ist die Lizenzprüfung an. Jede neue Installation bekommt 7 Tage lang alle Editionen, ohne Schlüssel. Die Karte Lizenz zeigt Testphase: noch n Tage. Danach gilt Community, bis du einen gültigen Schlüssel einträgst; die Karte nennt, wann die Testphase endete. Community bleibt kostenlos, ohne Schlüssel und ohne Ablauf. Eine gültige Lizenz hat immer Vorrang vor der Testphase. Administratoren können die Testphase per Richtlinie abschalten (trial: false). ### Was jede Edition freischaltet Die Editionen bauen aufeinander auf: Pro enthält Community, Team enthält Pro, Enterprise enthält Team. Preise und Lizenzmodelle stehen auf der Seite [Editionen](https://fronttailor.com/editionen). Edition | Module Community | Inspector, Models, OData-Konsole, Werkzeuge (Cache, Debug, Sprache, URL-Profile, Flex), Command Palette, UI5-2.0-Readiness-Check, Bibliotheksanalyse, Bekannte Fehler, Lesezeichen, Recorder. Kostenlos, Open Source unter Apache 2.0. ab Pro | Performance-Profiler, Annotation Explorer, Scaffolding, KI-Assistent, Problem melden (Issue Reporter), i18n- und Barrierefreiheitsprüfung, Fiori-Guidelines-Prüfung, Lokaler Code, Fehlersimulation; dazu die Exporte von Readiness-Check und Bibliotheksanalyse. ab Team | Team-Sync mit Team-Paketen und Team-Lesezeichen. ab Enterprise | Launchpad Inspector, Health, Morgencheck, Berechtigungsdiagnose, Systemvergleich, Release-Prüfung, Backend-Service mit Rollen-Simulator, Absprung ins Backend, ServiceNow als Ticketziel; Admin-Richtlinien und Sideload. Gesperrte Module bleiben sichtbar: Ihr Tab trägt ein Schloss und die Edition, zum Beispiel Performance (Pro). Ein Klick zeigt, was das Modul tut, und das Feld für den Lizenzschlüssel. Ein gesperrter Pro-Tab nach der Testphase: Erklärung oben, Lizenzeingabe direkt darunter. - „Fehlersimulation gehört zu FrontTailor Pro“ – mit einer kurzen Beschreibung des Moduls. - Was gerade gilt: Community – Lizenz eintragen. - Lizenz aktivieren schaltet das Modul sofort frei, ohne Neuladen. ### Den Lizenzschlüssel eintragen Nach dem Online-Kauf von Pro oder Team kommt der Schlüssel automatisch per E-Mail. Enterprise, Lizenzen je SAP-System und Rahmenverträge bekommst du vom [Vertrieb](https://fronttailor.com/kontakt?thema=Enterprise). Der Schlüssel beginnt mit eyJ. Die Karte Lizenz im Tab Werkzeuge. - Im Kopf der Karte steht, was gilt: Testphase: noch n Tage, die Edition oder Community – Lizenz eintragen. - Hinweise zur Testphase, zum nahen Ende oder zu einer abgelehnten Lizenz. - Das Feld Lizenzschlüssel. - Lizenz aktivieren. - Im DevTools-Panel oder Side-Panel den Tab Werkzeuge öffnen und die Karte Lizenz aufklappen. Alternativ einen gesperrten Tab anklicken. - Den Lizenzschlüssel aus der Lizenz-E-Mail vollständig in das Feld Lizenzschlüssel einfügen. - Lizenz aktivieren klicken. - Es erscheint „Lizenz für aktiviert.“ Die Module der Edition sind sofort frei, ohne Neuladen. Danach zeigt die Karte Lizenznehmer, Edition, Lizenzmetrik, Leistungszeitraum, gebundene SAP-Systeme oder Benutzer und das Ablaufdatum. Lizenz entfernen löscht den Schlüssel wieder. LokalDer Lizenzschlüssel bleibt in diesem Browserprofil (chrome.storage.local, nie im Sync) und wird nirgendwohin gesendet. Die Prüfung der Signatur läuft offline im Browser. ### Laufzeit, Verlängerung und Bindung Situation | Was FrontTailor zeigt 30 Tage vor dem Ende | Tag mit den verbleibenden Tagen und „Die Lizenz endet am … Bitte verlängern.“ Nach dem Leistungszeitraum | 3 Tage Kulanz: „Die bezahlte Periode ist vorbei – Kulanz bis … Bitte verlängern.“ Die Module bleiben frei. Abgelaufen | Es gilt Community; die bezahlten Tabs sind wieder gesperrt. Verlängerung vor Beginn eingetragen | Die neue Lizenz wartet und ersetzt die alte an ihrem ersten Tag ohne Zutun. Lizenz an SAP-Systeme gebunden | Sie gilt nur auf diesen Hosts; anderswo gilt Community, und der gesperrte Tab nennt die lizenzierten Systeme. Lizenz an Launchpad-Benutzer gebunden | Sie gilt nur für diese Benutzer oder Domains. Wird ein Schlüssel abgelehnt, steht der Grund in der Karte, etwa „Signatur ungültig (Schlüssel verändert oder unvollständig).“ oder „Die Lizenz wurde für ein anderes Produkt oder einen anderen Schlüssel ausgestellt (z. B. iFlow Tailor), nicht für FrontTailor.“ Mehr unter [Fehlerbehebung](https://fronttailor.com/doku/fehlerbehebung). ### Lizenz per Richtlinie Administratoren verteilen den Schlüssel an alle Nutzer, mit der Richtlinie licenseKey ([Enterprise-Deployment](https://fronttailor.com/doku/enterprise-deployment)). Die Karte zeigt dann „Von Ihrem Administrator bereitgestellt. Hier lässt sie sich nicht ändern.“ Ein per Richtlinie abgeschaltetes Modul bleibt auch mit Lizenz aus. ### Siehe auch - Doku [Werkzeuge](https://fronttailor.com/doku/werkzeuge) - Doku [Enterprise-Deployment](https://fronttailor.com/doku/enterprise-deployment) - Doku [Fehlerbehebung](https://fronttailor.com/doku/fehlerbehebung) - Belege ADR-014 · KONZEPT · ADR-014 · README Häufige Fragen ### Kurz beantwortet. **Wo trage ich den Lizenzschlüssel ein?** Im Tab Werkzeuge in der Karte Lizenz, oder direkt in einem gesperrten Tab: Schlüssel einfügen und Lizenz aktivieren klicken. Die Module sind sofort frei, ohne Neuladen. **Wird mein Lizenzschlüssel an einen Server geschickt?** Nein. FrontTailor prüft die Signatur offline im Browser. Der Schlüssel bleibt im Browserprofil und wird nicht synchronisiert. **Brauche ich eine Lizenz?** Für Community nicht: Sie ist kostenlos und bleibt es. Jede neue Installation bekommt 7 Tage lang alle Editionen. Danach brauchen Pro, Team und Enterprise einen Lizenzschlüssel; ohne ihn gilt Community. **Was passiert, wenn die Lizenz abläuft?** 30 Tage vorher warnt die Karte. Nach dem Leistungszeitraum gibt es 3 Tage Kulanz, danach gilt Community, und die bezahlten Tabs sind wieder gesperrt. Deine Frage ist nicht dabei? Sprich mich an: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Schreib mir](https://fronttailor.com/kontakt) --- # FrontTailor per GPO, Intune und MDM verteilen · FrontTailor Quelle: https://fronttailor.com/doku/enterprise-deployment > FrontTailor zentral verteilen: Installation in Chrome und Edge erzwingen, Sideload mit update.xml, Richtlinien wie allowedHosts, prodHosts und modules setzen. ## Enterprise-Deployment Für IT-Administration: FrontTailor in Chrome und Edge zwangsinstallieren – aus dem Store oder selbst gehostet – und über Richtlinien festlegen, auf welchen Hosts es läuft, welche Systeme PROD sind und welche Module aktiv sind. **Edition** ab Enterprise **Installation** ExtensionSettings oder ExtensionInstallForcelist **Konfiguration** Managed Storage (chrome.storage.managed) **Werkzeuge** GPO, Registry, Intune, macOS-Profil, Linux-JSON **Wirkung** ohne Neustart Diese Seite beantwortet - Wie verteile ich FrontTailor per Gruppenrichtlinie oder Intune? - Wie beschränke ich FrontTailor auf bestimmte SAP-Hosts? - Wie schalte ich einzelne Module für alle Nutzer ab? - Wie hoste ich FrontTailor selbst mit update.xml? ### Drei Verteilwege Weg | Extension-ID | Updates Chrome Web Store | vom Chrome Web Store vergeben | automatisch über den Store Edge Add-ons | von Edge Add-ons vergeben – eine andere ID als im Chrome Web Store | automatisch über Edge Add-ons Sideload (selbst gehostet) | aus dem festen Schlüssel des signierten CRX abgeleitet | über dein eigenes update.xml Jede Richtlinie bezieht sich auf die ID des Verteilwegs, den du tatsächlich nutzt. Eine Richtlinie für die Chrome-Web-Store-ID wirkt nicht auf die Edge-ID und nicht auf die Sideload-ID. In den Beispielen steht als Platzhalter. Noch offenDie Store-IDs stehen erst nach der Einreichung fest, die Sideload-ID erst mit dem endgültigen CRX-Schlüssel. Der Sideload ist noch nicht mit einem Kunden getestet. Wenn du den Rollout planst, [sprich uns an](https://fronttailor.com/kontakt?thema=Enterprise). ### Voraussetzungen - Chrome oder Edge ab Version 137. - Selbst gehostete Extensions lassen sich nur auf verwalteten Geräten erzwingen: unter Windows in einer Active-Directory-Domäne, mit Microsoft-Entra-ID-Beitritt oder in Chrome Enterprise Core; unter macOS per MDM, MCX oder Chrome Enterprise Core. Unter Linux sind sie generell installierbar. Für Edge unter Windows ohne Domänenbeitritt gilt die erzwungene Installation nur für Extensions aus Edge Add-ons. - Für den Sideload ein HTTPS-Webserver für update.xml und den CRX. ### Installation erzwingen Für den Sideload empfohlen: die Richtlinie ExtensionSettings mit override_update_url. Dann installiert und aktualisiert der Browser ausschließlich über dein update.xml; das Manifest von FrontTailor enthält selbst keine Update-URL. { "": { "installation_mode": "force_installed", "update_url": "https:///fioritailor/update.xml", "override_update_url": true, "toolbar_pin": "force_pinned" } } - installation_mode: force_installed (nicht deinstallierbar) oder normal_installed (deaktivierbar). - toolbar_pin ist optional; minimum_version_required erzwingt eine Mindestversion. - Für die Store-Variante entfallen update_url und override_update_url; die ID ist dann die Store-ID. Alternativ ExtensionInstallForcelist mit je einem Eintrag ;: Browser und Weg | Update-URL Chrome, Chrome Web Store | https://clients2.google.com/service/update2/crx Edge, Edge Add-ons | https://edge.microsoft.com/extensionwebstorebase/v1/crx Chrome oder Edge, Sideload | https:///fioritailor/update.xml (für spätere Updates zusätzlich ExtensionSettings) Das update.xml nennt ID, CRX-Adresse und Version. Den CRX lieferst du mit Content-Type: application/x-chrome-extension aus, das update.xml ohne lange Cache-Zeit. Der Browser lädt nur, wenn die Version höher ist als die installierte. ### FrontTailor konfigurieren FrontTailor liest seine eigene Richtlinie aus dem Managed Storage des Browsers. Das Schema liegt der Extension bei (managed-schema.json). Änderungen wirken ohne Neustart: Badge, PROD-Status und Tabs aktualisieren sich sofort. Schlüssel | Typ | Wirkung allowedHosts | Liste | FrontTailor lässt sich nur auf passenden Hosts aktivieren; anderswo zeigt das Popup einen Sperrhinweis statt der Freigabefrage. Eine leere Liste sperrt alle Hosts. prodHosts | Liste | Passende Hosts gelten als PROD: Badge rot, Laufzeitänderungen gesperrt, im Popup nicht abschaltbar ([Host-Profile und PROD](https://fronttailor.com/doku/host-profile-und-prod)). modules | Objekt | Schaltet Module mit false ab, z. B. odata, ai, teamsync, backend. Der Tab verschwindet, und der Hintergrund lehnt die Nachrichten des Moduls ab. Übersicht, Steckbrief und Badge lassen sich nicht abschalten. licenseKey | Text | Lizenzschlüssel für alle Nutzer; Vorrang vor einem selbst eingetragenen ([Lizenz und Editionen](https://fronttailor.com/doku/lizenz-und-editionen)). trial | Boolean | false schaltet die 7-tägige Testphase neuer Installationen ab. teamSync | Objekt | Vorgegebene Team-Pakete, vertrauenswürdige Schlüssel, Signaturpflicht, Abrufintervall ([Team-Pakete](https://fronttailor.com/doku/team-pakete)). issueReporter | Objekt | Erlaubte Ziele und verpflichtende Maskierungsregeln für „Problem melden“. ticketTargets, allowedTicketHosts | Liste | Vorgegebene Ticketziele (Jira, GitHub, GitLab, Azure DevOps, ServiceNow) und erlaubte Ticket-Hosts. Keine Tokens oder Passwörter hineinschreiben. aiEndpoint, aiProvider, aiAllowedProviders | Text, Liste | Fester Endpunkt und Anbieter des KI-Assistenten; ein leerer aiEndpoint schaltet ihn ab. aiRequirePiiMasking | Boolean | Maskiert E-Mail, Telefon, IBAN und lange Ziffernfolgen vor jedem KI-Versand, nicht abschaltbar. ai.persistKeys | Boolean | false: KI-Schlüssel bleiben nur im Arbeitsspeicher; gespeicherte werden gelöscht. bookRecommendations | Boolean | false blendet die Buchempfehlungen für alle aus. telemetry | Boolean | Wird gelesen, aber nicht verwendet: FrontTailor sendet keine Telemetrie. Muster für allowedHosts und prodHosts: fiori.example.com passt auf den Host mit jedem Port, *.example.com auf die Domain und alle Subdomains, https://*.example.com nur auf HTTPS, fiori.example.com:44300 nur auf diesen Port, * auf alle Hosts. Groß- und Kleinschreibung spielt keine Rolle, ein Pfad im Muster wird ignoriert. { "allowedHosts": ["*.fiori.example.com", "https://s4dev.example.com"], "prodHosts": ["*.prod.fiori.example.com"], "modules": { "odata": true, "tools": false }, "bookRecommendations": false } ### Wo die Richtlinie hingehört System | Ort Chrome unter Windows | HKLM\Software\Policies\Google\Chrome\3rdparty\extensions\\policy; Listen als Unterschlüssel mit nummerierten Werten, Booleans als REG_DWORD Edge unter Windows | derselbe Pfad unter Microsoft\Edge (von Microsoft nicht offiziell dokumentiert) Chrome unter macOS | Konfigurationsprofil mit der Präferenzdomäne com.google.Chrome.extensions. Chrome unter Linux | /etc/opt/chrome/policies/managed/, JSON unter 3rdparty.extensions. Chrome Enterprise Core | Admin-Konsole › Apps und Erweiterungen, JSON mit Value je Schlüssel Intune | Installation über den Settings Catalog; die Extension-Richtlinie unter Windows per Custom-Profil oder Skript, das die Registry-Werte setzt Ein ADMX für FrontTailor gibt es nicht; per GPO verteilst du die Registry-Struktur mit Gruppenrichtlinien-Einstellungen. Die Registry-Form für Listen und Objekte ist noch nicht an einem echten Windows-Client verifiziert – prüfe sie vor dem Rollout mit chrome://policy. ### Profiler Companion Das CPU-Tiefenprofil des Performance-Profilers (ab Pro) läuft über die separate, kostenlose Erweiterung FrontTailor Profiler Companion; nur sie hat die Berechtigung debugger. Wer das Tiefenprofil will, erzwingt beide Erweiterungen mit je eigener ID. Wer es nicht will, installiert den Companion nicht oder sperrt ihn mit "installation_mode": "blocked". Auf PROD-Hosts startet FrontTailor das Tiefenprofil ohnehin nie. ### Rollout prüfen - chrome://policy bzw. edge://policy öffnen und Richtlinien neu laden. ExtensionInstallForcelist und ExtensionSettings müssen ohne Fehler erscheinen; Chrome zeigt die Richtlinie von FrontTailor in einem eigenen Abschnitt mit der Extension-ID. - chrome://extensions öffnen: FrontTailor ist installiert, als von der Organisation verwaltet gekennzeichnet und lässt sich nicht entfernen. - Einen Host aus prodHosts öffnen: Das Badge ist rot, im Popup ist PROD gesetzt und gesperrt. - Einen Host außerhalb von allowedHosts öffnen: Das Popup zeigt den Sperrhinweis statt der Freigabefrage. - Einen erlaubten Host öffnen: Die Freigabefrage erscheint wie gewohnt ([Freigabe](https://fronttailor.com/doku/einstieg#freigabe)). Pro DomainAuch mit Richtlinie gibt jeder Nutzer die Domain einmal im Popup frei. allowedHosts schränkt nur ein; eine Freigabe ohne Nutzerklick ist nicht vorgesehen. ### Siehe auch - Doku [Team-Pakete](https://fronttailor.com/doku/team-pakete) - Doku [Berechtigungen und Datenschutz](https://fronttailor.com/doku/berechtigungen-und-datenschutz) - Doku [Host-Profile und PROD](https://fronttailor.com/doku/host-profile-und-prod) - Belege ADR-013 · ADR-009 · Manifest Häufige Fragen ### Kurz beantwortet. **Wie verteile ich FrontTailor per Gruppenrichtlinie?** Mit den Browser-Richtlinien ExtensionSettings oder ExtensionInstallForcelist, aus dem Store oder selbst gehostet mit eigenem update.xml. Die Konfiguration von FrontTailor selbst kommt über Managed Storage, unter Windows in der Registry unter 3rdparty\extensions. **Wie beschränke ich FrontTailor auf bestimmte SAP-Hosts?** Mit der Richtlinie allowedHosts. Auf anderen Hosts zeigt das Popup einen Sperrhinweis, und FrontTailor verbindet sich nicht. Eine leere Liste sperrt alle Hosts. **Wie schalte ich einzelne Module ab?** Mit der Richtlinie modules, zum Beispiel {"ai": false}. Der Tab verschwindet, und die Extension lehnt die Nachrichten des Moduls ab, ohne Neustart. **Muss jeder Nutzer die Domain trotzdem freigeben?** Ja. Auch mit Richtlinie gibt jeder Nutzer eine Domain einmal im Popup frei. allowedHosts schränkt nur ein. Deine Frage ist nicht dabei? Sprich mich an: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Schreib mir](https://fronttailor.com/kontakt) --- # Team-Pakete erstellen, signieren und verteilen · FrontTailor Quelle: https://fronttailor.com/doku/team-pakete > Team-Pakete für FrontTailor: Host-Profile, Filter, Snippets und PII-Regeln exportieren, mit Ed25519 signieren und per URL oder Admin-Richtlinie verteilen. ## Team-Pakete Ein Team-Paket ist eine JSON-Datei mit den gemeinsamen Einstellungen eines Teams – Host-Profile mit PROD-Kennzeichen, OData-Filter, Snippets, Maskierungsregeln und mehr. Es liegt auf einem Server deines Unternehmens; ein CloudDNA-Backend ist nicht beteiligt. Übernommen wird nie ohne Vorschau. **Edition** ab Team **Tab** „Team“ **Format** JSON fioritailor-team-package, Version 1 **Signatur** optional, Ed25519 (JWS) **Verteilen** Datei, Zwischenablage, HTTPS-URL, Richtlinie Diese Seite beantwortet - Wie teile ich FrontTailor-Einstellungen mit meinem Team? - Wie signiere ich ein Team-Paket? - Wie gebe ich Team-Pakete per Richtlinie für alle vor? - Werden Team-Pakete automatisch übernommen? ### Was ein Paket enthält Ein Paket kann diese Abschnitte enthalten; beim Export wählst du sie aus: - Host-Profile (Name, Farbe, PROD-Kennzeichen) und URL-Profile - OData-Filter und Replay-Requests - Snippets und PII-Maskierungsregeln - Palette-Favoriten, Lesezeichen, Bekannte Fehler, Morgencheck-Listen und Performance-Budgets Pro Abschnitt gelten höchstens 500 Einträge, pro Paket höchstens 1 MB. Ungültige Einträge werden einzeln übersprungen und in der Vorschau gezählt; unbekannte Abschnitte aus neueren Versionen werden ignoriert. Keine GeheimnisseURL-Profile erlauben nur sap-*-Parameter ohne Zugangsdaten. Bei Replay-Requests entfernt FrontTailor geheime Header wie Authorization, Cookies und CSRF-Token und redigiert Werte wie sap-password – beim Export und beim Import. ### Ein Paket erstellen - Im DevTools-Panel oder Side-Panel den Tab Team öffnen. - In der Karte Export den Paketnamen und den Autor eintragen. - Unter Abschnitte wählen, was ins Paket soll. Neben jedem Abschnitt steht die Zahl der Einträge. - Herunterladen speichert das Paket als Datei, Kopieren legt es in die Zwischenablage. Der Export ist unsigniert und enthält die gewählten Abschnitte mit allen lokalen Einträgen. ### Ein Paket signieren Signiert wird außerhalb des Browsers, denn der private Schlüssel gehört nicht in die Extension. Das Skript scripts/sign-team-package.mjs aus dem Quellcode von FrontTailor braucht nur Node und keine Abhängigkeiten. - Ein Schlüsselpaar erzeugen: node scripts/sign-team-package.mjs --generate-key fiori-team-2026. - Den öffentlichen Teil für die Richtlinie ausgeben: --public-key . Er kommt nach teamSync.trustedKeys. - Das Paket signieren: --key team.json. Das Ergebnis ist eine JWS-Datei (Ed25519, flattened JSON), die du statt des Pakets ablegst. - Den privaten Schlüssel im Passwort-Tresor oder als CI-Secret aufbewahren, nie im Repository. Anzeige an der Quelle | Bedeutung | Verhalten Signiert · | Signatur eines vertrauenswürdigen Schlüssels gültig | angenommen Unbekannter Schlüssel · | Der Schlüssel steht nicht in der Richtlinie | angenommen, solange keine Signatur verlangt ist; Hinweis in der Vorschau Unsigniert | keine Signatur | angenommen, solange keine Signatur verlangt ist; Warnung in der Vorschau Ungültige Signatur | Signatur passt nicht oder Format kaputt | immer abgelehnt ### Ein Paket verteilen Kanal | So geht es Datei | In der Karte Import unter Paketdatei eine .json-Datei wählen. Zwischenablage | In der Karte Import das Paket einfügen und Paket prüfen klicken. URL abonnieren | Unter Paket-URL abonnieren eine HTTPS-Adresse deines Teams eintragen (Git-Raw-Datei, SharePoint, interner Webserver) und Abonnieren klicken. Abrufen holt das Paket. Richtlinie | Die Administration gibt die URL mit teamSync.packages vor. Das Paket erscheint mit dem Tag Administrator und ist schreibgeschützt. Die URL muss HTTPS sein (HTTP nur für localhost) und darf weder Benutzer, Passwort noch Token-Parameter enthalten. Braucht der Server eine Anmeldung, nutzt FrontTailor deine Browser-Sitzung bei diesem Host. Für den Abruf fragt FrontTailor einmal nach dem Zugriff auf den Paket-Server; bis dahin steht an der Quelle Zugriff erforderlich mit dem Knopf Zugriff erlauben. ### Prüfen und übernehmen Übernommen wird nie automatisch. Nach dem Abruf zeigt die Quelle Änderungen verfügbar, die Vorschau listet je Abschnitt neu, geändert und entfernt. - An der Quelle Änderungen prüfen klicken. Die Vorschau zeigt Stand und Autor des Pakets. - Die Änderungen durchsehen. Konflikte sind markiert und nicht vorausgewählt: Lokal geändert (aus dem Paket, seither lokal geändert) und Eigener lokaler Eintrag. - Einzelne Änderungen oder ganze Abschnitte an- oder abwählen. - Übernehmen wendet die Auswahl an; Ablehnen verwirft alle offenen Änderungen, sie werden erst bei einem neuen Wert wieder vorgeschlagen. PROD-SchutzEine Änderung, die ein PROD-Kennzeichen entfernen würde, trägt den Hinweis Hebt PROD-Schutz auf und ist nie vorausgewählt. Die Richtlinie prodHosts gilt unabhängig davon weiter. Einträge, die du selbst angelegt hast, löscht ein Paket nie. Entfernst du eine Quelle, bleiben ihre Einstellungen als lokale erhalten. ### Richtlinie für Team-Pakete Schlüssel | Wirkung teamSync.packages | HTTPS-URLs, die jeder Nutzer schreibgeschützt bekommt, höchstens 10. URLs mit Zugangsdaten oder Token-Parametern werden ignoriert. teamSync.trustedKeys | Öffentliche Ed25519-Schlüssel als JWK mit kid. teamSync.requireSignature | Nur signierte Pakete dieser Schlüssel, auch bei eigenen Abos und Importen. Standard true, sobald trustedKeys gesetzt ist. teamSync.autoSyncMinutes | Ruft die vorgegebenen Pakete alle n Minuten ab (15 bis 10 080). Ohne den Schlüssel nur auf Klick. teamSync.allowUserPackages | false: keine eigenen Abos und Importe. modules.teamsync | false blendet den Tab „Team“ aus. { "teamSync": { "packages": ["https://git.example.com/fiori/fioritailor/raw/main/team.json"], "trustedKeys": [{ "kid": "fiori-team-2026", "kty": "OKP", "crv": "Ed25519", "x": "" }], "autoSyncMinutes": 240 } } Auch nach einem geplanten Abruf liegt das Paket nur bereit; angewendet wird es erst nach der Vorschau mit Alle übernehmen. Wie die Richtlinie auf die Geräte kommt, steht unter [Enterprise-Deployment](https://fronttailor.com/doku/enterprise-deployment). LizenzTeam-Sync gehört zu ab Team und ist auch mit Enterprise und in der Testphase aktiv. Eine an SAP-Systeme gebundene Lizenz schaltet Team-Sync nur im Tab eines lizenzierten Systems frei. Nach den 7 Tagen Testphase braucht Team-Sync eine Lizenz ([Lizenz und Editionen](https://fronttailor.com/doku/lizenz-und-editionen)). ### Siehe auch - Doku [Team-Sync](https://fronttailor.com/doku/team-sync) - Doku [Enterprise-Deployment](https://fronttailor.com/doku/enterprise-deployment) - Doku [Host-Profile und PROD](https://fronttailor.com/doku/host-profile-und-prod) - Belege ADR-021 · ADR-013 Häufige Fragen ### Kurz beantwortet. **Wie teile ich FrontTailor-Einstellungen mit meinem Team?** Im Tab Team ein Paket exportieren (Datei oder Zwischenablage) und es auf einem Server des Teams ablegen. Die Kollegen abonnieren die URL oder importieren die Datei und übernehmen die Änderungen nach einer Vorschau. **Wie signiere ich ein Team-Paket?** Mit node scripts/sign-team-package.mjs aus dem Quellcode von FrontTailor: Schlüsselpaar erzeugen, den öffentlichen Teil in teamSync.trustedKeys eintragen und das Paket mit dem privaten Schlüssel signieren. Der private Schlüssel bleibt im Tresor. **Werden Team-Pakete automatisch übernommen?** Nein. Auch vorgegebene Pakete, die nach Zeitplan abgerufen werden, liegen nur bereit. Angewendet wird erst nach der Diff-Vorschau und einem Klick. **Läuft Team-Sync über einen Server von CloudDNA?** Nein. Pakete liegen auf Servern deines Unternehmens, etwa Git oder SharePoint. FrontTailor ruft nur die Datei mit einem GET ab. Deine Frage ist nicht dabei? Sprich mich an: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Schreib mir](https://fronttailor.com/kontakt) --- # ABAP-Add-on für FrontTailor installieren · FrontTailor Quelle: https://fronttailor.com/doku/abap-add-on > Das ABAP-Add-on von FrontTailor: nur lesender OData-V4-Service für Rollen, Kataloge und Startberechtigungen. Installation mit abapGit, Rollen und SLG1. ## ABAP-Add-on Was der Browser nicht sehen kann, weiß das ABAP-System: welche PFCG-Rollen ein Benutzer hat, welcher Katalog eine Kachel bringen würde und welche Startberechtigung fehlt. Das optionale Add-on /CDNA/FIORITAILOR beantwortet genau das – nur lesend, mit der Sitzung des Nutzers. **Edition** ab Enterprise **Paket** /CDNA/FIORITAILOR (abapGit) **Service** OData V4, RAP, nur lesend **Systeme** S/4HANA on-premise und Private Cloud **Status** noch nicht auf einem echten System getestet Diese Seite beantwortet - Was macht das ABAP-Add-on von FrontTailor? - Wie installiere ich das ABAP-Add-on? - Welche Rollen brauchen die Nutzer? - Wird geprüft, wer andere Benutzer simuliert? Ehrlicher StandDer ABAP-Code ist noch nicht auf einem echten SAP-System installiert und ausgeführt worden. Er ist mit abaplint geprüft und hat ABAP-Unit-Tests gegen ein Test-Double; die Extension ist gegen einen Fake-Service mit demselben Vertrag getestet. Wer das Add-on als Erster einspielt, prüft vor allem den Import der abapGit-Objekte, die Aktivierung und den tatsächlichen Service-Pfad. [Sprich uns an](https://fronttailor.com/kontakt?thema=Enterprise), wenn du dabei sein willst. ### Wozu das Add-on dient Ohne Add-on arbeitet FrontTailor wie gewohnt. Mit dem Add-on kommen hinzu: - der Tab Rollen: Rollen, Kataloge, Gruppen, Spaces und erreichbare Intents des eigenen oder – mit Berechtigung – eines anderen Benutzers ([Rollen und Berechtigungen](https://fronttailor.com/doku/rollen-und-berechtigungen)); - die vollständige Prüfkette „Warum sehe ich diese Kachel nicht?“ mit den Stufen Rolle und Startberechtigung, Feld für Feld wie in SU53; - der tatsächliche ICF-Timeout der Sitzung in Health statt einer Schätzung ([Health und Morgencheck](https://fronttailor.com/doku/health-und-morgencheck)). Der Service liest nur; er legt nichts an und ändert nichts. Deshalb ist er auch auf PROD-Systemen erlaubt. ### Installieren - Das Paket /CDNA/FIORITAILOR mit abapGit aus dem Ordner backend/abap/ des FrontTailor-Repositorys einspielen. - Die Service-Gruppe /CDNA/FIORITAILOR_O4 in /IWFND/V4_ADMIN veröffentlichen. Standardpfad: /sap/opu/odata4/cdna/fioritailor_o4/srvd/cdna/fioritailor/0001/. - Die Rollen vergeben (siehe unten). - In FrontTailor im Tab Rollen den Schalter Backend-Service verwenden für diesen SAP-Host einschalten. Der Zustand sollte auf Verfügbar springen. Die ausführliche Anleitung mit Transport und SICF steht in backend/abap/README.md. Fällt beim Import ein Objekt aus (besonders Service-Binding, Berechtigungsobjekt oder Anwendungsprotokoll-Objekt), lässt es sich in ADT, SU21 oder SLG0 von Hand anlegen. SystemeEin Add-on für S/4HANA on-premise und Private Cloud (Standard-ABAP). Die Prüfung eines anderen Benutzers braucht AUTHORITY-CHECK … FOR USER, das es in ABAP Cloud nicht gibt. Eine Variante für S/4HANA Cloud Public Edition oder das BTP ABAP Environment gibt es deshalb nicht. ### Rollen und Protokoll Rolle | Inhalt | Für wen /CDNA/FT_USER | Startberechtigung S_START für R3TR G4BA /CDNA/FIORITAILOR_O4 | alle Nutzer des Tabs „Rollen“ /CDNA/FT_SIM | Berechtigungsobjekt /CDNA/SIM, ACTVT 03 | alle, die andere Benutzer prüfen dürfen Jede Prüfung eines anderen Benutzers schreibt das System vor der Prüfung ins Anwendungsprotokoll SLG1 (Objekt /CDNA/FT, Unterobjekt SIMULATION) – mit Aufrufer, Aktion und geprüftem Benutzer. Lässt sich das Protokoll nicht speichern, wird die Prüfung verweigert. Das Panel warnt vor dem Absenden und zeigt danach die Protokollnummer. ### Was über die Leitung geht - FrontTailor ruft den Service erst auf, wenn du Backend-Service verwenden für den Host eingeschaltet hast. Vorher geht kein einziger Request an den Service. - Der Aufruf geht immer an den Host des Launchpad-Tabs, mit deiner bestehenden Browser-Sitzung. Ein abweichender Pfad lässt sich eintragen, ein anderer Host nicht. - Gespeichert wird nur der Schalter (und ein abweichender Pfad), lokal im Browser – keine Antworten, Benutzer, Tokens oder Cookies. Das CSRF-Token liegt nur im Arbeitsspeicher. - Mit der Richtlinie modules.backend: false verschwindet der Tab, und Prüfkette und Health fragen das Backend nicht mehr ([Enterprise-Deployment](https://fronttailor.com/doku/enterprise-deployment)). ### Zustände im Tab „Rollen“ Zustand | Bedeutung Aus | Der Schalter ist aus; FrontTailor arbeitet ohne Backend. Verfügbar | Der Backend-Service antwortet. Nicht installiert | HTTP 404: Das Add-on ist nicht installiert, oder sein SICF-Knoten ist inaktiv. Nicht angemeldet | Keine SAP-Sitzung in diesem Browser – im Tab anmelden und erneut prüfen. Keine Berechtigung | Dem Benutzer fehlt die Rolle /CDNA/FT_USER. Kein Host-Zugriff | Die Seite ist in FrontTailor nicht freigegeben ([Freigabe](https://fronttailor.com/doku/einstieg#freigabe)). Inkompatibel | Unbekannte Vertragsversion – Add-on oder Extension aktualisieren. Fehler | Der Service ist fehlgeschlagen; Details in /IWFND/ERROR_LOG. ### Siehe auch - Hilfe von Menschen [ABAP-Backend-Add-on für FrontTailor Enterprise](https://fronttailor.com/leistungen#backend-addon) - Doku [Rollen und Berechtigungen](https://fronttailor.com/doku/rollen-und-berechtigungen) - Doku [Health und Morgencheck](https://fronttailor.com/doku/health-und-morgencheck) - Doku [Enterprise-Deployment](https://fronttailor.com/doku/enterprise-deployment) - Belege ADR-032 Häufige Fragen ### Kurz beantwortet. **Was macht das ABAP-Add-on von FrontTailor?** Es ist ein nur lesender OData-V4-Service im SAP-System. Er liefert Rollen, Kataloge, Spaces, erreichbare Intents und Startberechtigungen eines Benutzers sowie den ICF-Timeout. Damit beantwortet FrontTailor alle Stufen von „Warum sehe ich diese Kachel nicht?“. **Ist das Add-on produktionsreif?** Noch nicht bestätigt: Der ABAP-Code ist geprüft und unit-getestet, aber noch nicht auf einem echten SAP-System installiert worden. **Welche Rollen brauchen die Nutzer?** /CDNA/FT_USER für alle Nutzer des Tabs Rollen; /CDNA/FT_SIM zusätzlich für alle, die andere Benutzer prüfen dürfen. Jede solche Prüfung steht in SLG1. **Speichert FrontTailor Antworten des Backends?** Nein. Gespeichert wird nur der Schalter pro Host, lokal im Browser. Antworten, Benutzer und Tokens werden nicht gespeichert. Deine Frage ist nicht dabei? Sprich mich an: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Schreib mir](https://fronttailor.com/kontakt) --- # Berechtigungen und Datenschutz von FrontTailor · FrontTailor Quelle: https://fronttailor.com/doku/berechtigungen-und-datenschutz > Welche Chrome-Berechtigungen FrontTailor braucht und warum, was lokal im Browser bleibt und wann Daten nach Vorschau und Klick an KI oder Ticketsystem gehen. ## Berechtigungen und Datenschutz FrontTailor arbeitet lokal im Browser. Es gibt keine Telemetrie, keine Analyse-Werkzeuge, keine Werbung und kein Konto, und an CloudDNA geht nichts. Daten verlassen den Browser nur, wenn du es auslöst – nach einer Vorschau und einem Klick. **Telemetrie** keine **Host-Zugriff** nur nach Freigabe pro Domain **Daten an CloudDNA** keine **Nachgeladener Code** keiner Diese Seite beantwortet - Welche Berechtigungen braucht FrontTailor? - Warum warnt Chrome bei der Installation vor dem Zugriff auf alle Websites? - Sendet FrontTailor Daten an CloudDNA? - Wann verlassen Daten den Browser? ### Berechtigungen Jede Berechtigung im Manifest hat einen Zweck, und jede neue braucht eine dokumentierte Architekturentscheidung. Berechtigung | Art | Wofür storage | fest | Einstellungen und Profile lokal speichern, Richtlinie lesen scripting | fest | Den Page Script in freigegebene UI5-Seiten einsetzen activeTab | fest | Screenshot für „Problem melden“, nur nach deiner Aktion sidePanel | fest | Das Side-Panel neben der App webRequest | fest | OData-Requests und fehlgeschlagene Requests freigegebener Apps beobachten alarms | fest | Geplanter Abruf vorgegebener Team-Pakete, Erinnerung des Morgenchecks declarativeNetRequestWithHostAccess | fest | UI5-Version-Override und Lokaler Code; wirkt nur auf freigegebenen Domains und erst, wenn du es einschaltest browsingData | optional | Browser-Cache leeren; der Browser fragt beim ersten Cache-Reset Host-Zugriff https://*/*, http://*/* | optional | Zugriff auf eine App erst nach deiner Freigabe der Domain debugger hat FrontTailor nicht. Nur die separate Erweiterung FrontTailor Profiler Companion hält sie, für das CPU-Tiefenprofil des Performance-Profilers; sie hat keinen Zugriff auf Webseiten, wird nur auf deinen Start hin tätig und startet nie auf PROD-Systemen. ### Host-Zugriff und Installationswarnung Bei der Installation warnt Chrome: „Alle Ihre Daten auf allen Websites lesen und ändern“. Der Grund ist ein kleines Skript, das auf jeder Seite nur prüft, ob es SAP-UI5-Merkmale gibt – höchstens 10 Sekunden lang. Es liest keine Inhalte, sendet keine Daten und verändert nichts; auf Seiten ohne UI5 baut es nicht einmal eine Verbindung auf. - Zugriff auf eine UI5-App bekommt FrontTailor erst, wenn du im Popup Aktivieren klickst und den Browser-Dialog bestätigst ([Freigabe](https://fronttailor.com/doku/einstieg#freigabe)). - Freigaben widerrufst du jederzeit unter chrome://extensions bzw. edge://extensions. - Dein Unternehmen kann die erlaubten Hosts per Richtlinie einschränken (allowedHosts, [Enterprise-Deployment](https://fronttailor.com/doku/enterprise-deployment)). ### Was lokal bleibt Daten | Wo | Wie lange Adresse, UI5-Version und Verbindungsstatus des Tabs | chrome.storage.session | bis der Browser schließt Fehler der Sitzung (UI5-Log, fehlgeschlagene Requests – nur Schema, Host und Pfad, ohne Parameter) | chrome.storage.session | bis zum Neuladen der Seite bzw. Schließen des Browsers Host-Profile, Design, Sprache und die Einstellungen der Module | chrome.storage.local | bis du sie löschst oder die Extension entfernst Lizenzschlüssel und – auf Wunsch – der eigene KI-Schlüssel (verschlüsselt) | chrome.storage.local, nie im Sync | bis du sie entfernst Zugangsdaten, Tokens und Session-Cookies speichert FrontTailor nicht. Die einzige Ausnahme ist der eigene KI-Schlüssel, und auch nur, wenn du Auf diesem Gerät speichern wählst; dein Unternehmen kann das abschalten. ### Wann Daten den Browser verlassen Nur in diesen Fällen, und immer erst nach deinem Klick: Funktion | Wohin | Was KI-Assistent ab Pro | direkt an den Anbieter, den du eingetragen hast | genau das, was die Vorschau zeigt, vorher maskiert Ticket aus „Problem melden“ ab Pro | an das Ticketsystem, das du oder dein Unternehmen eingerichtet habt | der Bericht aus der Vorschau, maskiert Team-Paket abrufen ab Team | an den Server deines Teams | nur ein GET der Paketdatei Backend-Service ab Enterprise | an das SAP-System der Seite | nur lesende Anfragen, erst nach dem Einschalten pro Host Prüfungen wie Deployment-Prüfung oder Systemvergleich | an denselben Server, von dem die App kommt | Abruf von manifest.json, $metadata und ähnlichen Dateien der App CloudDNA erhält in keinem dieser Fälle etwas. Die Schriften der Oberfläche liegen in der Extension; Erweiterungsseiten laden nichts von Dritten. ### Maskierung personenbezogener Daten Bevor ein Bericht oder eine KI-Anfrage den Browser verlässt, ersetzt FrontTailor E-Mail-Adressen, Telefonnummern, IBANs, lange Ziffernfolgen, eigene Namen und Muster durch Platzhalter wie [EMAIL]. Dein Unternehmen kann Regeln verpflichtend machen (issueReporter.mandatoryRules, aiRequirePiiMasking). Die Maskierung erkennt nicht jede Art personenbezogener Daten – prüfe die Vorschau. ### Kein nachgeladener Code Der gesamte Code steckt im Paket, ohne Verschleierung. FrontTailor lädt keine Skripte nach und nutzt kein eval; ein Prüfskript kontrolliert das bei jedem Build. Team-Pakete sind Einstellungen, kein Code. Mehr dazuDie vollständige Datenschutzerklärung der Extension steht unter [Datenschutz](https://fronttailor.com/datenschutz#extension), die Sicherheitsarchitektur unter [Sicherheit](https://fronttailor.com/sicherheit). ### Siehe auch - Doku [Erste Schritte](https://fronttailor.com/doku/einstieg) - Doku [Enterprise-Deployment](https://fronttailor.com/doku/enterprise-deployment) - Doku [KI-Assistent](https://fronttailor.com/doku/ki) - Belege Manifest · ADR-001 · Datenschutzerklärung · ADR-018 · ADR-009 Häufige Fragen ### Kurz beantwortet. **Sendet FrontTailor Daten an CloudDNA?** Nein. FrontTailor arbeitet lokal im Browser, ohne Telemetrie und ohne Konto. Ausnahmen sind KI-Assistent und Ticket-Übergabe – sie gehen nach Vorschau und Klick direkt an den Dienst, den du eingerichtet hast, nie an CloudDNA. **Warum warnt Chrome bei der Installation vor dem Zugriff auf alle Websites?** Ein kleines Skript prüft auf jeder Seite, ob es SAP UI5 gibt. Es liest keine Inhalte und sendet nichts. Zugriff auf eine App bekommt FrontTailor erst nach deiner Freigabe der Domain. **Hat FrontTailor die Berechtigung debugger?** Nein. Nur die separate Erweiterung FrontTailor Profiler Companion hat sie, für das CPU-Tiefenprofil. Ohne Companion funktioniert alles andere. **Speichert FrontTailor Passwörter oder Tokens?** Nein. Einzige Ausnahme ist dein eigener KI-Schlüssel, und nur, wenn du ihn auf dem Gerät speichern lässt – verschlüsselt, nie synchronisiert. Deine Frage ist nicht dabei? Sprich mich an: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Schreib mir](https://fronttailor.com/kontakt) --- # FrontTailor: Probleme lösen · FrontTailor Quelle: https://fronttailor.com/doku/fehlerbehebung > FrontTailor zeigt „Nicht verbunden“ oder „Keine UI5-App erkannt“? Ursachen und Lösungen für Freigabe, PROD-Sperre, Lizenz, Side-Panel, iframes und Firefox. ## Fehlerbehebung Die häufigsten Meldungen von FrontTailor, ihre Ursache und was du tun kannst. Die Texte in Kursivschrift stehen genau so in der Oberfläche. **Erkennung** DOM-Merkmale, höchstens 10 Sekunden **Verbunden** nach erfolgreichem Ping, dann alle 5 Sekunden **Hilfe** GitHub Issues oder CloudDNA Diese Seite beantwortet - Warum zeigt FrontTailor „Nicht verbunden“? - Warum erkennt FrontTailor meine UI5-App nicht? - Warum sind die Editoren im Inspector ausgegraut? - Warum lässt sich das Side-Panel nicht öffnen? - Gibt es FrontTailor für Firefox? ### „Nicht verbunden“ oder „Verbinde…“ bleibt stehen Das Panel zeigt Verbunden erst, wenn ein Ping bis in die UI5-Seite und zurück geklappt hat. Bleibt es bei „Nicht verbunden“ oder „Verbinde…“, oder zeigen Tabs „Dieser Tab braucht eine verbundene UI5-App.“: - Prüfen, ob das Popup Freigabe erforderlich zeigt – dann zuerst die Domain freigeben. - Bei „Fehler“ im Verbindungsstatus Erneut versuchen klicken. - Die Seite der App neu laden. FrontTailor verbindet sich nach dem Laden von selbst; Panels bauen ihre Verbindung nach einer Unterbrechung selbst neu auf. - Hast du die Extension als Paket selbst aktualisiert, sie unter chrome://extensions einmal neu laden. Ein Neustart des Browsers reicht dafür nicht. ### „Keine UI5-App erkannt“ FrontTailor sucht auf jeder Seite nach Merkmalen von SAP UI5, etwa dem Bootstrap-Skript sap-ui-core.js, UI-Bereichen oder dem Theme-Link – höchstens 10 Sekunden lang ab dem Laden. Danach wartet es noch bis zu 10 Sekunden darauf, dass sap.ui bereitsteht. - Bindet die Seite UI5 erst mehr als 10 Sekunden nach dem Laden ein, findet FrontTailor die Merkmale nicht mehr. Dann die Seite neu laden, sobald die App da ist. - Auf Seiten ohne UI5 bleibt das Symbol grau – das ist richtig so. - Liegt die App in einem iframe, siehe iframes. ### Freigabe erforderlich oder verweigert Meldung | Ursache und Lösung „Freigabe erforderlich“, Symbol blau mit ! | Die Domain ist noch nicht freigegeben. Im Popup Aktivieren klicken und den Browser-Dialog bestätigen ([Freigabe](https://fronttailor.com/doku/einstieg#freigabe)). „Der Zugriff wurde nicht erteilt.“ | Der Browser-Dialog wurde abgebrochen. Noch einmal Aktivieren klicken. „Diese Domain ist durch Ihre Administration nicht freigegeben.“ | Die Richtlinie allowedHosts deines Unternehmens lässt den Host nicht zu. Das lässt sich nur in der Richtlinie ändern ([Enterprise-Deployment](https://fronttailor.com/doku/enterprise-deployment)). ### Änderungen sind gesperrt Editoren sind grau, oder eine Aktion endet mit „Abgelehnt: PROD-System – Laufzeitänderungen sind nicht erlaubt.“ Der Host ist als PROD markiert – durch dein Host-Profil oder durch die Richtlinie prodHosts. Das ist Absicht: Auf PROD sind Live-Edit, Replay, Cache-Reset, Overrides und Fehlersimulation gesperrt ([Host-Profile und PROD](https://fronttailor.com/doku/host-profile-und-prod)). - Ist das Kennzeichen versehentlich gesetzt, im Popup das Häkchen Produktivsystem (PROD) entfernen und Profil speichern klicken. - Steht darunter „Durch Ihre Administration als PROD markiert.“, kommt es aus der Richtlinie und lässt sich im Popup nicht ändern. ### Modul gesperrt oder Lizenz abgelehnt Was du siehst | Ursache und Lösung Tab mit Schloss, „… gehört zu FrontTailor Pro“ | Das Modul gehört zu einer höheren Edition. Lizenzschlüssel eintragen ([Lizenz und Editionen](https://fronttailor.com/doku/lizenz-und-editionen)). In den 7 Tagen der Testphase nach der Installation ist nichts gesperrt. „Signatur ungültig (Schlüssel verändert oder unvollständig).“ oder „Der Lizenzschlüssel ist nicht lesbar (beim Kopieren unvollständig?).“ | Der Schlüssel wurde nicht vollständig kopiert. Ihn noch einmal komplett aus der Lizenz-E-Mail einfügen. „… für ein anderes Produkt … (z. B. iFlow Tailor), nicht für FrontTailor.“ | Ein Schlüssel eines anderen Produkts. Den FrontTailor-Schlüssel verwenden. „Die Lizenz umfasst das SAP-System … nicht. Hier gilt Community.“ | Die Lizenz ist an andere SAP-Systeme gebunden. Auf den lizenzierten Systemen sind die Module frei. „Die Lizenz ist abgelaufen.“ | Lizenz verlängern; bis dahin gilt Community. Ein Tab fehlt ganz | Die Administration hat das Modul per Richtlinie modules abgeschaltet. Das gilt auch mit Lizenz. ### Das Side-Panel öffnet sich nicht - Chrome öffnet das Side-Panel nur direkt nach einer Nutzeraktion. Kommt die aus der Command Palette oder einem Tastenkürzel nicht durch, öffne es über Side-Panel öffnen im Popup. - Einen Tab findest du nicht? Im schmalen Side-Panel stehen weitere Tabs unter Weitere. Einige Ansichten, etwa Models, gibt es nur im DevTools-Panel (F12 › FrontTailor). - Zeigt die Palette im Popup „Palette nicht verfügbar: keine verbundene UI5-App.“, ist der Tab nicht verbunden – siehe oben. ### Apps in iframes FrontTailor läuft in jedem Frame einer Seite und verbindet jeden UI5-Frame einzeln; der Verbindungsstatus zeigt die Zahl der verbundenen Frames. Im Pick-Modus des Inspectors schaltet ein Klick auf ein Control im iframe auf dessen Frame um. - Liegt die App im iframe auf einer anderen Domain als das Launchpad, braucht auch diese Domain eine Freigabe. - Sandbox-iframes ohne eigene Origin werden ebenfalls unterstützt. ### Das Symbol ist gelb Gelb mit einer Zahl heißt: Fehler im UI5-Log oder fehlgeschlagene Requests (Status 400 und höher) seit dem Laden der Seite. Ein $batch mit Fehlern in einzelnen Teilen, aber Status 200, zählt hier nicht – den zeigt die OData-Konsole ([OData-Konsole](https://fronttailor.com/doku/odata-konsole)). Die letzten Fehler stehen im Popup und im Tab Übersicht ([Übersicht & Systemsteckbrief](https://fronttailor.com/doku/uebersicht)). Neu laden beginnt eine neue Sitzung. ### Firefox Aus denselben Quellen entsteht ein Firefox-Build ab Firefox 140, mit Seitenleiste statt Side-Panel und ohne CPU-Tiefenprofil; der Cache-Reset leert dort den ganzen HTTP-Cache, und FrontTailor wird pro Site im Popup freigeschaltet. Die Einreichung bei Firefox Add-ons steht noch aus – im Moment gibt es FrontTailor für Chrome und Edge. ### Weitere Hilfe Hilft nichts davon, beschreibe das Problem mit dem Systemsteckbrief (Tab Übersicht › Kopieren als Markdown) – als Issue im GitHub-Repository von FrontTailor oder über das [Kontaktformular](https://fronttailor.com/kontakt). ### Siehe auch - Doku [Erste Schritte](https://fronttailor.com/doku/einstieg) - Doku [Host-Profile und PROD](https://fronttailor.com/doku/host-profile-und-prod) - Doku [Lizenz und Editionen](https://fronttailor.com/doku/lizenz-und-editionen) - Belege ADR-001 · ADR-003 · ADR-004 · ADR-026 Häufige Fragen ### Kurz beantwortet. **Warum zeigt FrontTailor „Nicht verbunden“?** Meist ist die Domain noch nicht freigegeben. Im Popup die Freigabe prüfen; bei Fehler auf Erneut versuchen klicken oder die Seite neu laden. **Warum erkennt FrontTailor meine UI5-App nicht?** FrontTailor sucht höchstens 10 Sekunden nach dem Laden nach UI5-Merkmalen. Bindet die Seite UI5 später ein, die Seite einmal neu laden, sobald die App da ist. **Warum sind die Editoren im Inspector ausgegraut?** Der Host ist als PROD markiert, im Host-Profil oder per Richtlinie. Auf PROD sind Laufzeitänderungen bewusst gesperrt. **Gibt es FrontTailor für Firefox?** Ein Firefox-Build ab Firefox 140 ist vorbereitet, die Einreichung bei Firefox Add-ons steht aber noch aus. Im Moment gibt es FrontTailor für Chrome und Edge. Deine Frage ist nicht dabei? Sprich mich an: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Schreib mir](https://fronttailor.com/kontakt) --- # FrontTailor 1.0.0: Änderungsprotokoll · FrontTailor Quelle: https://fronttailor.com/doku/changelog > FrontTailor 1.0.0 ist die erste stabile Version: Lizenzprüfung an, 7 Tage Testphase mit allen Editionen, danach Community. Dazu der Inhalt der Beta 0.1.0. ## Änderungsprotokoll Version 1.0.0 vom 10. November 2026 ist die erste stabile Version und die erste für den Chrome Web Store. Sie schaltet die Lizenzprüfung ein. Jede neue Installation bekommt 7 Tage lang alle Editionen, danach gilt Community, bis du einen Lizenzschlüssel einträgst. Die Module selbst sind die der Beta 0.1.0. **Aktuelle Version** 1.0.0 **Erschienen** 10. November 2026 **Lizenzprüfung** an, 7 Tage Testphase **Browser** Chrome und Edge Diese Seite beantwortet - Welche Version von FrontTailor ist aktuell? - Was ändert sich mit FrontTailor 1.0.0? - Brauche ich eine Lizenz? - Wie finde ich meine installierte Version? ### Installierte Version prüfen - chrome://extensions bzw. edge://extensions öffnen. - Auf der Karte FrontTailor auf Details klicken. - Unter Version steht die installierte Version, zum Beispiel 1.0.0. ### 1.0.0 – erste stabile Version, 10. November 2026 Die erste stabile Version und die erste Version für den Chrome Web Store. Die Lizenzprüfung ist an. Die Module sind dieselben wie in der Beta 0.1.0. - Testphase: Jede neue Installation bekommt 7 Tage lang alle Editionen, ohne Lizenzschlüssel. Die Karte Lizenz zeigt Testphase: noch n Tage ([Testphase](https://fronttailor.com/doku/lizenz-und-editionen#testphase)). - Danach gilt Community, bis du einen gültigen Lizenzschlüssel einträgst. Community bleibt kostenlos. Pro-, Team- und Enterprise-Module tragen dann ein Schloss. - Eine gültige Lizenz geht immer vor, auch während der Testphase. - Den Schlüssel für Pro und Team bekommst du nach dem Online-Kauf automatisch per E-Mail. Enterprise, Lizenzen je SAP-System und Rahmenverträge kommen vom Vertrieb ([Lizenz eintragen](https://fronttailor.com/doku/lizenz-und-editionen#eintragen)). - Administratoren schalten die Testphase per Richtlinie ab (trial: false, [Enterprise-Deployment](https://fronttailor.com/doku/enterprise-deployment)). - Die Karte Lizenz zeigt nicht mehr Beta – alle Module frei. ### 0.1.0 – Beta, 9. November 2026 Die erste veröffentlichte Version. Die Module waren schon den Editionen zugeordnet, die Lizenzprüfung war aber noch nicht eingeschaltet: Die Karte Lizenz zeigte Beta – alle Module frei. Neuer NameMit dieser Version heißt das Produkt „CloudDNA FrontTailor – Developer Tools for SAP Fiori® and UI5 apps“, im Browser kurz „FrontTailor“; die Begleit-Erweiterung heißt „FrontTailor Profiler Companion“. #### Grundlagen - Tabs im DevTools-Panel und im Side-Panel, dazu das Popup. - Systemsteckbrief (UI5-Version, Theme, Sprache, Launchpad, App, Datenquellen) mit Kopieren als Markdown. - Badge-Ampel (grau, grün, gelb bei Fehlern, rot bei PROD) und Host-Profile mit PROD-Kennzeichen ([Host-Profile und PROD](https://fronttailor.com/doku/host-profile-und-prod)). - Zentrale PROD-Sperre für Laufzeitänderungen. - Command Palette mit Alt+Shift+K und Favoriten, Pick-Modus mit Alt+Shift+F. - Oberfläche in Deutsch und Englisch, hell und dunkel, durchgehend mit UI5 Web Components. #### Entwicklung - Control Inspector: Control-Baum mit Suche, Properties, Bindings, Aggregationen und Events, Pick-Modus auch in Dialogen und iframes, Controls in der Console nutzen ([Inspector](https://fronttailor.com/doku/inspector)). - Model Explorer: alle Models mit Typ, JSON-Baum, Snapshot und Vergleich ([Model Explorer](https://fronttailor.com/doku/models)). - OData-Konsole: Requests ab Seitenstart, $batch in Teilen, Fehlertexte, Replay, gespeicherte Filter, „Zum Control springen“ und der grafische Metadata-Explorer für V2 und V4 ([OData-Konsole](https://fronttailor.com/doku/odata-konsole)). - Werkzeuge: Cache-Reset, Debug-Schalter, URL-Profile, App-Sprache, Flex & Adaptationen mit Zurücksetzen pro App, Control oder Variantenverwaltung, UI5-Version-Override und „Nur eigenen Code debuggen“ ([Werkzeuge](https://fronttailor.com/doku/werkzeuge)). #### Analyse und Qualität - Performance-Profiler mit Performance-Budgets je App; CPU-Tiefenprofil über den separaten Profiler Companion ([Performance](https://fronttailor.com/doku/performance)). - UI5-2.0-Readiness-Check und Bibliotheksanalyse ([UI5 2.0](https://fronttailor.com/doku/ui5-2-readiness), [Bibliotheken](https://fronttailor.com/doku/bibliotheken)). - Annotation Explorer für Fiori Elements ([Annotationen](https://fronttailor.com/doku/annotationen)). - i18n- und Barrierefreiheitsprüfung und Fiori-Guidelines-Prüfung ([Qualität: i18n & Barrierefreiheit](https://fronttailor.com/doku/i18n-und-barrierefreiheit), [Fiori Guidelines](https://fronttailor.com/doku/fiori-guidelines)). #### Test und Fehlersuche - Fehlersimulation für OData direkt im Browser, ohne Mock-Server ([Fehlersimulation](https://fronttailor.com/doku/fehlersimulation)). - Lokaler Code im echten Launchpad ([Lokaler Code](https://fronttailor.com/doku/lokaler-code)). - Scaffolding: Testgerüste und Mockdaten aus der laufenden App ([Scaffolding & Recorder](https://fronttailor.com/doku/scaffolding-und-recorder)). - Recorder: einmal aufzeichnen, als Fehlerbericht, Journey-Test oder synthetischen Check verwenden. - Lesezeichen für den App-Zustand und Bekannte Fehler ([Lesezeichen für den App-Zustand](https://fronttailor.com/doku/lesezeichen), [Bekannte Fehler](https://fronttailor.com/doku/bekannte-fehler)). - Problem melden mit Alt+Shift+R: Screenshot, Click-Trail und Fehler, maskiert, an Zwischenablage, E-Mail, Download, GitHub oder ein Ticketsystem ([Problem melden](https://fronttailor.com/doku/problem-melden)). - KI-Assistent mit eigenem Schlüssel für Anthropic, Azure OpenAI, SAP AI Core, Google Gemini, Mistral und OpenAI-kompatible Endpunkte ([KI-Assistent](https://fronttailor.com/doku/ki)). #### Team und Betrieb - Team-Sync mit Team-Paketen ([Team-Sync](https://fronttailor.com/doku/team-sync), [Team-Pakete](https://fronttailor.com/doku/team-pakete)). - Launchpad Inspector, Health und Morgencheck über mehrere Apps ([Launchpad Inspector](https://fronttailor.com/doku/launchpad-inspector), [Health und Morgencheck](https://fronttailor.com/doku/health-und-morgencheck)). - Deployment-Prüfung, Berechtigungsdiagnose, Systemvergleich und Release-Prüfung ([Rollen und Berechtigungen](https://fronttailor.com/doku/rollen-und-berechtigungen), [Systemvergleich](https://fronttailor.com/doku/systemvergleich), [Release-Prüfung](https://fronttailor.com/doku/release-pruefung)). - Absprung ins Backend und SAP-Incident ([Absprung ins Backend](https://fronttailor.com/doku/backend-absprung)). - Backend-Service (ABAP-Add-on) mit Rollen-Simulator ([ABAP-Add-on](https://fronttailor.com/doku/abap-add-on)). - Admin-Richtlinien, mit denen sich jedes Modul abschalten lässt ([Enterprise-Deployment](https://fronttailor.com/doku/enterprise-deployment)). #### Paket und Sicherheit - Die Schriften „72“ liegen im Paket; Erweiterungsseiten stellen keine Anfragen an Dritte. - Die Berechtigung debugger hat FrontTailor nicht mehr; nur der Profiler Companion hält sie ([Berechtigungen](https://fronttailor.com/doku/berechtigungen-und-datenschutz#berechtigungen)). - declarativeNetRequestWithHostAccess ist eine feste Berechtigung, damit der UI5-Version-Override ohne Neustart greift. - Weniger Ladezeit-Overhead: Der Page Script kommt erst nach dem App-Start. - Jedes Release enthält ZIP, signierten CRX und eine CycloneDX-SBOM. - Ein Firefox-Build ab Firefox 140 entsteht aus denselben Quellen; die Einreichung bei Firefox Add-ons steht noch aus ([Firefox](https://fronttailor.com/doku/fehlerbehebung#firefox)). ### Siehe auch - Doku [Erste Schritte](https://fronttailor.com/doku/einstieg) - Doku [Lizenz und Editionen](https://fronttailor.com/doku/lizenz-und-editionen) - Doku [Fehlerbehebung](https://fronttailor.com/doku/fehlerbehebung) - Belege ADR-014 · KONZEPT · ADR-045 · ADR-026 Häufige Fragen ### Kurz beantwortet. **Welche Version von FrontTailor ist aktuell?** 1.0.0 vom 10. November 2026, die erste stabile Version. Die Beta 0.1.0 vom 9. November 2026 hatte noch keine Lizenzprüfung. **Was ändert sich mit FrontTailor 1.0.0?** 1.0.0 ist die erste stabile Version. Die Lizenzprüfung ist an. Neue Installationen bekommen 7 Tage lang alle Editionen, danach gilt Community, bis ein gültiger Lizenzschlüssel eingetragen ist. Die Module sind dieselben wie in 0.1.0. **Brauche ich eine Lizenz?** Für Community nicht: Sie ist kostenlos und bleibt es. Pro, Team und Enterprise brauchen nach den 7 Tagen Testphase einen Lizenzschlüssel. Für Pro und Team kommt er nach dem Online-Kauf per E-Mail, für Enterprise vom Vertrieb. **Wie finde ich meine installierte Version?** Unter chrome://extensions bzw. edge://extensions auf der Karte FrontTailor auf Details klicken; dort steht die Version. **Gibt es FrontTailor schon für Firefox?** Noch nicht. Der Firefox-Build ist fertig, die Einreichung bei Firefox Add-ons steht noch aus. Im Moment gibt es FrontTailor für Chrome und Edge. Deine Frage ist nicht dabei? Sprich mich an: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Schreib mir](https://fronttailor.com/kontakt) === ENGLISH === --- # FrontTailor – Developer tools for SAP Fiori® and UI5 apps Source: https://fronttailor.com/en > Browser extension for SAP Fiori® and UI5: control inspector, OData console, performance, UI5 2.0 check, AI and operations in one panel. Community is free. Developer tools for SAP Fiori® and UI5 apps ## Ten tabs closed. One panel open. A Fiori app does something it shouldn’t, and the search begins: DevTools, the network tab, UI5 Diagnostics, the error log in SAP GUI. FrontTailor is a browser extension for Chrome and Edge that explains any running UI5 app – which control is behind a pixel, why a request fails, what slows down the start, what is missing for UI5 2.0. In one panel, locally in your browser. The small numbers are sources: tap one to see where it comes from and when we checked it; all of them are listed at the bottom of the page. [Install for free →](https://fronttailor.com/en#installieren) [Editions and prices](https://fronttailor.com/en/editions) [All features](https://fronttailor.com/en/features) - Community is free, no account - UI5 1.71 to 2.x - Changes locked on PROD - No cookies on this site [A product ofThe SAP & AI experts from Austria!](https://www.clouddna.at) FrontTailor – Developer Tools for SAP Fiori® and UI5 apps · 1:30 min Chapters and transcript #### Chapters - Introduction - Community - Pro - Team - Enterprise #### What is said in the video Anyone who builds or runs SAP Fiori apps jumps between DevTools, backend transactions and wiki pages. FrontTailor brings it together in one panel – right next to the running app. Free in Community: the Inspector shows the type, properties and bindings of every control. The OData console turns errors into plain text – even deep inside $batch calls. Pro is for developers: the profiler measures start-up and requests and checks them against budgets. And local code runs in the real launchpad – no deployment. Team distributes signed packages: profiles, filters, snippets and known errors – the same for everyone. Enterprise is for operations: the launchpad inspector shows the intent, mapping and app behind every tile. Four editions: Community is free, Pro is for developers, Team for shared standards and Enterprise for operations. FrontTailor – a product of CloudDNA, the SAP and AI experts from Austria. More at fronttailor.com. From the author of the SAP PRESS books ### First we wrote the books. Then the panel. Martin Koch, founder of CloudDNA, wrote the books on SAPUI5, SAP Fiori elements, full-stack development and Git and SAP at SAP PRESS with Rene Glavanovits, Daniel Krancz and Maximilian Olzinger. FrontTailor grew out of the work behind those books: what they explain, the panel shows on your running app. [All 16 titles by topic →](https://fronttailor.com/en/books) - [SAPUI5 The Comprehensive Guide English](https://www.sap-press.com/sapui5_6012/) - [SAP Fiori Elements Development and Extensibility English · also in German](https://www.sap-press.com/sap-fiori-elements_5641/) - [Full Stack Development with SAP English · also in German](https://www.sap-press.com/full-stack-development-with-sap_5733/) - [Git und SAP Versionsverwaltung und Transporte German](https://www.rheinwerk-verlag.de/git-und-sap/) Book recommendation A recommendation in our own interest: Martin Koch, founder of CloudDNA, is author or co-author of these books. Why FrontTailor exists ### The question is always the same: why is the app doing this? The answer is almost never in one place. It is scattered: - Elements tab - Network tab - UI5 Diagnostics - /IWFND/ERROR_LOG - ST22 - SU53 - Launchpad configuration A field shows the wrong value. The elements tab shows an __xmlview0--input-3 that means nothing to anyone. The network tab shows a $batch with twelve parts, one of them red, the error text somewhere in the multipart body. UI5 Diagnostics knows which control it is – but not which request belongs to it. And the gateway error log lives in SAP GUI, in another window, on a system you may not even be logged on to. Then the classic: it works on DEV, not on PROD. A different UI5 version? A stale cache buster? A flex change in the CUSTOMER layer? A role that is assigned on QA but not on PROD? And after every transport the morning round: open twenty apps, see whether they start, hope nobody calls before nine. Every tool sees a part. None of them sees the whole. Before With FrontTailor Decipher generated IDs in the elements tab Click the field: control, view, binding, model – and a selector for wdi5 Read a $batch body by hand in the network tab Batch split, error text readable, one click to the control Switch to SAP GUI and hunt for the error log Jump with transaction ID and time window into the right system “But it works on DEV” DEV/QA/PROD comparison: what really differs Open twenty apps by hand every morning Morning check on click, traffic light per app, compared with yesterday Screenshot into the ticket, question back, another screenshot One masked report with click trail, requests and system info [The whole story: why we built FrontTailor →](https://fronttailor.com/en/story#produkt) What the panel answers ### For the questions every Fiori app asks sooner or later. FrontTailor opens as a panel in DevTools, as a side panel next to the app or as a popup. Once you grant the domain, the overview shows UI5 version, app type, launchpad and data sources without any setup, and the icon becomes a traffic light: green, yellow with an error count, red for PROD. Inspector & models · Community #### Which control is behind this pixel? Alt+Shift+F, click the field: the control inspector shows tree, properties, bindings and contexts – and copies the control as an ID, OPA5, wdi5 or Playwright selector. Generated IDs never end up in the selector. The model explorer shows JSON, OData and resource models as a tree, with a before/after snapshot and diff. [Inspector & models in detail →](https://fronttailor.com/en/features#inspector) OData · Community #### What did the backend really say? The OData console splits every $batch, reads the errors from Gateway, RAP and CAP and links the error log. One click takes you from the request to the bound control. Export as cURL, .http, Postman or HAR – without tokens. In Pro you simulate a 500, a 403, a slow backend or an expired CSRF token, without a mock server. [OData in detail →](https://fronttailor.com/en/features#odata) Performance · Pro #### Why does the app take eight seconds? The performance profiler measures the start and tells you what slows it down: a missing component preload, 237 single modules, a theme without cache, a slow OData call. Every finding with a traffic light and a recommendation. Budgets per app turn that into a rule: “2 budgets exceeded: start time +38 % since version 1.4.0”. [Performance in detail →](https://fronttailor.com/en/features#performance) Quality · Community and Pro #### What still has to happen before UI5 2.0? The UI5 2.0 readiness check watches the running app and finds what a static linter cannot see: sap.ui.getCore() at runtime, synchronous loads, deprecated controls – with file, line and replacement. Plus the library analyzer, the i18n and accessibility check per WCAG 2.2 and a validator for the Fiori design guidelines with 32 rules. [Quality in detail →](https://fronttailor.com/en/features#qualitaet) AI · Pro #### What does this inner error mean? The AI assistant knows the context of the page: it explains errors, writes the wdi5 test, reviews the code of the running app. With your own key, straight to your provider, after a preview that shows what is sent. E-mail, phone and IBAN are masked first. [AI in detail →](https://fronttailor.com/en/features#ki) Launchpad & operations · Enterprise #### Why is the tile missing – and why only on PROD? The launchpad inspector shows target mapping, space, page and catalogue for every tile. The authorization diagnosis walks the chain down to the start authorization. The DEV/QA/PROD comparison shows what differs, the release check after a transport gives a traffic light per system, and the morning check opens your key apps on click. [Operations in detail →](https://fronttailor.com/en/features#betrieb) Test, report, share · Pro and Team #### A ticket that can be solved without asking back. Report a problem packs screenshot, click trail, failed requests and system info into one report – masked, with a preview, off to Jira, GitHub, GitLab or Azure DevOps. In a team, team sync shares profiles, filters, budgets and known errors – without a server, with a diff before every change. [Test & report in detail →](https://fronttailor.com/en/features#entwickeln) LOCKED. When you hunt a bug on PROD, you don’t want to change anything. That is why FrontTailor checks every action that changes something against the host profile in the service worker and locks it on PROD before it reaches the page. When in doubt: locked. The blue markers on this page? Behind each one is a source with the date we checked it. [All sources](https://fronttailor.com/en/sources) Security ### No server. No telemetry. Nothing without your click. A tool that looks into a Fiori app with real data has to explain itself. FrontTailor is built so there is little to explain – and what remains is laid out on the security page. [Security in detail →](https://fronttailor.com/en/security) - ConsentAsk first, then read. FrontTailor gets access to an app only after you grant that domain. - LocalNo data to CloudDNA. No telemetry, no analytics, no account. The OData log stays local and is deleted with the tab. - PreviewSending only after a click. AI and tickets show in full what goes where – and send straight to your service. - Corporate ITCentrally controlled. Allowed hosts, PROD hosts, modules and AI endpoint via group policy, Intune or Jamf. Editions ### Start free. Pay when it saves time. Four editions, each includes the ones below. You buy Pro and Team right here; Enterprise comes on request. New installations get all editions for 7 days, then Community applies without a key. Community #### Free. For every developer. €0 forever, no account For: Individual developers, key users and everyone who wants to understand UI5 - Control inspector with pick mode and “copy as” - Model explorer with snapshot, diff and i18n lookup - OData console: $batch split, errors readable, export - Cache reset, debug switches, command palette, bookmarks - UI5 2.0 readiness check and library analyzer - Own known errors with the fix at the error [Install for free](https://fronttailor.com/en#installieren) Pro Most popular #### For everyone who ships Fiori apps. €29 per user and month, or €288 per user and year, excl. VAT For: Freelancers, project developers, consultancies - Everything in Community - Performance profiler with traffic light and budgets per app - i18n and accessibility check, guidelines validator - AI assistant with your own key - Report a problem, tickets, prepare an SAP incident - Scaffolding, fault simulation, local code in the launchpad - Annotation explorer and UI5 2.0 migration report [Buy: Pro](https://fronttailor.com/en/contact?thema=Pro) Team Everything in Pro, plus #### Everything in Pro, plus shared standards. €39 per user and month, or €384 per user and year, excl. VAT For: Development teams and consultancies with shared standards - Everything in Pro - Team sync without a server: team packages via file or HTTPS - Profiles, snippets, filters, replays, budgets and bookmarks for the team - Known errors with the fix for everyone - Diff before every change, optionally signed [Buy: Team](https://fronttailor.com/en/contact?thema=Team) Enterprise Everything in Team, plus #### Everything in Team, plus operations and corporate IT. from €39 per user and month, minimum 25 users, or an annual licence per system For: Basis and operations teams, large SAP customers, hosting partners - Everything in Team - Launchpad inspector and authorization diagnosis - DEV/QA/PROD system comparison, release check after transport - Morning check, health and synthetic check - Jump to the backend, ServiceNow, optional backend service - Admin policies, sideloading, SSO, support SLA [Request a quote](https://fronttailor.com/en/contact?thema=Enterprise) [All features compared across editions →](https://fronttailor.com/en/editions#vergleich) · All prices net plus VAT. Install · version 1.0.0 ### Two minutes to the first finding. Community is free and needs no account. FrontTailor runs in Chrome and Edge 137 or later; a Firefox build is prepared. - Chrome Web Store Store listing coming[Request an early copy →](https://fronttailor.com/en/contact?thema=Vorabversion) - Microsoft Edge Add-ons Store listing coming[Request an early copy →](https://fronttailor.com/en/contact?thema=Vorabversion) - Firefox Add-ons Build prepared[Register interest →](https://fronttailor.com/en/contact?thema=Firefox) Store listing coming The Chrome Web Store listing is on its way. Until then you can get version 1.0.0 [on request](https://fronttailor.com/en/contact?thema=Vorabversion) as a package to load – with a 7-day trial of all editions, then Community. - Install in Chrome or Edge, Community without an account. - Grant the domain open the Fiori app; FrontTailor asks once whether it may activate here. - Open the panel in DevTools (F12) or as a side panel from the icon. - Read the finding Alt+Shift+F and click a field – or open the red request in the OData console. To be honest ### When FrontTailor will not help you. A checking tool that only knows its advantages hasn’t checked itself. Here is our list. - You want round-the-clock monitoring. FrontTailor runs in the browser and only when you click. The morning check does not replace background monitoring – it makes the round after a transport faster. - The bug sits deep in ABAP. FrontTailor shows which request fails and with which text, and jumps with the transaction ID into the error log or ST22. The debugging happens in the backend. - You need a long-proven tool. FrontTailor is young: 1.0.0 is the first version after the beta. Several AI providers have so far only been tested against mocks, the guidelines rules on demo apps, and the optional ABAP add-on not yet on a real SAP system. - Your IT does not allow an extension that runs on all pages. Chrome shows “Read and change all your data on all websites” at install. Why, and how to limit it to your hosts by policy, is on the [security](https://fronttailor.com/en/security#rechte) page. Tool, knowledge, people ### A panel, the books behind it – and the team behind both. FrontTailor answers the question on the running app. If you want to understand why, you can read up on it. And if you need help fixing it, you get it from the same people. 01 · TOOL #### The panel Which control, which request, which annotation, what is missing for UI5 2.0 – right on the app, locally in the browser. Community is free; you buy Pro and Team right here. [All features →](https://fronttailor.com/en/features) 02 · KNOWLEDGE #### The books SAPUI5, SAP Fiori elements, full-stack development, Git and SAP, SAP BTP: 16 titles at SAP PRESS by Martin Koch and co-authors. [All books by topic →](https://fronttailor.com/en/books) 03 · PEOPLE #### Workshops, consulting, development Onboarding for your team, hands-on workshops on SAPUI5 and Fiori elements, consulting on UI5 2.0, performance and the launchpad, custom Fiori and CAP apps – from CloudDNA, where the authors work. [See services →](https://fronttailor.com/en/services) The whole shelf at SAP PRESS ### Eleven works, from UI5 to SAP BTP. FrontTailor comes from CloudDNA. Besides the books on UI5 and Fiori elements, its founder Martin Koch has written with co-authors on security and administration of SAP BTP, SAP Build, Cloud Connector, Mobile Services and Cloud Integration – 16 titles, many in English and German. - [SAPUI5 The Comprehensive Guide Rene Glavanovits, Martin Koch, Daniel Krancz, Maximilian Olzinger · English](https://www.sap-press.com/sapui5_6012/) - [SAP Fiori Elements Development and Extensibility Rene Glavanovits, Martin Koch, Daniel Krancz, Maximilian Olzinger · English · also in German](https://www.sap-press.com/sap-fiori-elements_5641/) - [Full Stack Development with SAP Rene Glavanovits, Martin Koch, Daniel Krancz, Maximilian Olzinger · English · also in German](https://www.sap-press.com/full-stack-development-with-sap_5733/) - [Git und SAP Versionsverwaltung und Transporte Rene Glavanovits, Martin Koch, Daniel Krancz, Maximilian Olzinger · German](https://www.rheinwerk-verlag.de/git-und-sap/) - [Security and Authorizations for SAP Business Technology Platform Martin Koch, Siegfried Zeilinger · English · also in German](https://www.sap-press.com/security-and-authorizations-for-sap-business-technology-platform_5627/) - [Configuring SAP Business Technology Platform The Practical Guide for Administrators Martin Koch, Siegfried Zeilinger · English · also in German](https://www.sap-press.com/configuring-sap-business-technology-platform_6080/) - [SAP Build No-Code Development, Centralized Access, and Process Automation Rene Glavanovits, Gernot Haider, Martin Koch, Daniel Krancz · English](https://www.sap-press.com/sap-build_5772/) - [Apps entwickeln mit SAP Build Apps Das Praxishandbuch Martin Koch, Daniel Krancz · German](https://www.rheinwerk-verlag.de/apps-entwickeln-mit-sap-build-apps/) - [Cloud Connector for SAP Martin Koch, Siegfried Zeilinger · English · also in German](https://www.sap-press.com/cloud-connector-for-sap_5683/) - [SAP Mobile Services Das umfassende Handbuch Gernot Haider, Martin Koch, Daniel Krancz · German](https://www.rheinwerk-verlag.de/sap-mobile-services-das-umfassende-handbuch/) - [SAP Cloud Integration Cookbook Advanced Cloud Integration with SAP Integration Suite Martin Koch, Thorsten Reisinger, Marc Urschick · English](https://www.sap-press.com/sap-cloud-integration-cookbook_6176/) Book recommendation A recommendation in our own interest: Martin Koch, founder of CloudDNA, is author or co-author of these books. Covers: Rheinwerk Verlag (SAP PRESS). The links go straight to the publisher, without tracking. [All books by topic →](https://fronttailor.com/en/books) The Tailor family ### Fourteen siblings – each for its own craft. Every Tailor solves a problem we know up close. Most siblings share the Tailor-Plattform with EU data residency and an AI layer. FrontTailor only needs its checkout: the extension itself has no server and works in the browser next to your Fiori app. - F FrontTailor Developer tools for SAP Fiori® and UI5 – you are here. - [I iFlowTailor Workbench for SAP Cloud Integration ↗](https://iflowtailor.com) - [A AuthTailor SAML & OIDC tracer in your browser ↗](https://authtailor.com) - [P ProbeTailor Acceptance tests for SAP & business software ↗](https://www.probetailor.com) - [J JournalTailor Incoming invoices before SAP, BMD & DATEV ↗](https://www.journaltailor.com) - [D DocumentTailor Documents & signatures for SAP shops ↗](https://documenttailor.com) - [R RecordTailor Document management ↗](https://recordtailor.com) - [I ImmoTailor Property management & development ↗](https://www.immotailor.com) - [T TaxTailor Tax advisors ↗](https://taxtailor.at) - [D DineTailor Restaurants ↗](https://dinetailor.com) - [S StayTailor Hotels ↗](https://staytailor.at) - [M MeetingTailor Meetings & events ↗](https://www.meetingtailor.com) - [W Weintailor Winemakers ↗](https://weintailor.com) - [B BuildTailor Construction & trades ↗](https://buildtailor.com) Purchase cancelled – nothing was charged. Frequently asked ### Short answers. **What is FrontTailor?** FrontTailor is a browser extension for Chrome and Edge that explains any running SAP Fiori® and UI5 app: controls and bindings, models, OData requests with readable errors, load time, UI5 2.0 readiness, accessibility and, for operations, launchpad, authorizations and transports. It works locally in the browser. The vendor is CloudDNA GmbH from Austria; FrontTailor is not a product of SAP SE. **Is there a UI5 inspector as a Chrome extension?** Yes. FrontTailor’s control inspector shows the control tree, properties, aggregations, bindings and contexts of a UI5 app in Chrome DevTools and in the side panel, also inside the launchpad and in iframes. Press Alt+Shift+F and click a field; “copy as” gives you a selector for OPA5, wdi5 or Playwright. The inspector is part of the free community edition. **How do I debug OData errors in a Fiori app?** FrontTailor’s OData console records the app’s requests, splits $batch into its parts and shows the error text from Gateway, RAP or CAP in readable form instead of as a multipart body. A link opens the gateway error log /IWFND/ERROR_LOG, and one click takes you from the request to the bound control. Exports as cURL, .http, Postman or HAR contain no tokens. **How do I check whether my app is ready for UI5 2.0?** FrontTailor’s UI5 2.0 readiness check watches the running app and reports APIs that are removed in UI5 2.x – such as sap.ui.getCore(), jQuery.sap, synchronous loading, deprecated controls and themes – each with file, line, replacement and a link to the SAP documentation, plus a score. It adds what only happens at runtime to the static UI5 linter. The check is free; the migration report with effort is Pro. **How do I analyse errors in the Fiori launchpad, such as a missing tile?** The launchpad inspector shows app ID, semantic object, target mapping, space, page and catalogue for a tile without opening the app. The authorization diagnosis walks the chain launchpad, catalogue, role, target mapping, start authorization, tile and OData service with a traffic light per stage and links to SU53 and the error log. Both are part of Enterprise. **Why does the app work on QA but not on PROD?** FrontTailor’s system comparison takes a snapshot from metadata per system – app and UI5 version, libraries, cache buster, flex changes, $metadata, manifest, target mapping – and shows the differences. The release check after a transport gives a traffic light per system and the next step for every red finding. It reads no business data. Part of Enterprise. **How much does FrontTailor cost?** Community is free and needs no account. Pro costs €29 per user and month, or €288 per user and year, excl. VAT Team costs €39 per user and month, or €384 per user and year, excl. VAT You buy both directly on the editions page. Enterprise is available from €39 per user and month, minimum 25 users, or an annual licence per system, on request. Every new installation gets all editions for 7 days to try them; after that Community applies until you enter a licence key. **Does CloudDNA see my data?** No. FrontTailor works locally in the browser, has no telemetry and sends nothing to CloudDNA. Only two features send anything at all, and both only after a full preview and your click: the AI assistant straight to your own provider, and the hand-over to your ticket system. **Can FrontTailor break something on PROD?** Everything that changes something at runtime – editing properties, replaying requests, resetting personalisation, simulating faults, loading local code, swapping the UI5 version – is checked by the service worker against the host profile and refused on PROD before it reaches the page. When in doubt it stays locked. Reading, measuring and reporting work on PROD. **Which browsers and UI5 versions does FrontTailor support?** Google Chrome and Microsoft Edge 137 or later. Supported are SAPUI5 and OpenUI5 from 1.71 to 2.x, freestyle apps, Fiori elements V2 and V4, the launchpad on ABAP and BTP, and standalone apps. A Firefox build is prepared but not yet submitted. **Is there a book on SAPUI5 or SAP Fiori elements?** Yes, from the people behind FrontTailor: “SAPUI5 – The Comprehensive Guide” (English, ISBN 9781493226603) and “SAP Fiori Elements” (English, ISBN 9781493223732; German, ISBN 9783367113231) by Rene Glavanovits, Martin Koch, Daniel Krancz and Maximilian Olzinger, published by SAP PRESS at Rheinwerk Verlag. All titles are on the “Books” page. Your question isn’t here? Talk to me: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Get in touch](https://fronttailor.com/en/contact) --- # Features: inspector, OData, performance, AI · FrontTailor Source: https://fronttailor.com/en/features > All FrontTailor features by area: inspector and models, OData, performance, UI5 2.0 and quality, AI with your own key, launchpad, operations and team. All features · version 1.0.0 ## Eight questions. One panel. Each area starts with the question you are asking the app right now. Below it: what FrontTailor answers and from which edition. SAPUI5 and OpenUI5 from 1.71 to 2.x, freestyle, Fiori elements V2 and V4, launchpad and standalone apps. Areas Inspector & models – from the pixel to the control and its value OData – from the red request to its cause Performance – from a slow start to a recommendation Quality – UI5 2.0, libraries, a11y & i18n, guidelines Test & report – recorder, scaffolding, tickets AI – with your own key Launchpad & operations – tile, authorization, transport, morning check Team – shared standards without a server Inspector & models ### Which control is behind this pixel – and where does its value come from? - Community #### System info & traffic-light badge UI5 version, theme, language, launchpad flavour, app type and data sources with backend type, without setup. The icon shows green, yellow with an error count or red for PROD. - Community #### Control inspector Pick mode with Alt+Shift+F, tree, properties, bindings and contexts. “Copy as” ID, OPA5, wdi5, Playwright or XML; change properties live, locked on PROD. - Community #### Model explorer JSON, OData V2/V4, resource and device models as a tree, before/after snapshot and diff, i18n lookup with all languages. - Community + Team #### App state bookmarks Remember route, filters, variant and tab; after a reload one click takes you back to the bug. Team bookmarks in Team. - Community #### Tools & developer comfort Cache reset, debug switches, URL presets, “debug own code only” and “open in editor”. - Community + Team #### Command palette with favourites Alt+Shift+K opens a search across all commands, with favourites and the last ten commands. - Community #### Switch the app language The app’s languages, more SAP languages and the SAP test languages, RTL included. Reloading with a language also works on PROD; switching without a reload is locked there. - Community #### Flex check & personalisation reset See changes per layer, reset only your own USER layer – with double confirmation, locked on PROD. - Community #### UI5 version from the SAP CDN Test the app with another UI5 version in exactly one tab, without a deployment. Locked on PROD. Docs: - [Inspector](https://fronttailor.com/en/docs/inspector) - [Model explorer](https://fronttailor.com/en/docs/models) Book recommendation Further reading - [SAPUI5 The Comprehensive Guide Controls, data binding and models in SAPUI5 – what the inspector shows on the running app. View at the publisher ↗](https://www.sap-press.com/sapui5_6012/) A recommendation in our own interest – written by Martin Koch, founder of CloudDNA, with co-authors. [See all books →](https://fronttailor.com/en/books) Need help with this? [Hands-on workshops on SAPUI5, Fiori elements, OData and CAP →](https://fronttailor.com/en/services#hands-on) OData ### Why does this request fail – and what did the backend really say? - Community #### OData console V2 and V4, $batch split into its parts, error text from Gateway, RAP and CAP readable, link to /IWFND/ERROR_LOG, 76 headers explained. - Community #### Export & replay Export as cURL, .http, Postman or HAR, without tokens. Replay after a preview, saved filters and collections – display only on PROD. - Community #### Metadata explorer Entities as a diagram with navigations, path finder for $expand, export as SVG, PNG or Mermaid. - Community #### From request to control One click from the request or property to the bound control in the page. - Pro #### Fault simulation 500, 403, slow backend, empty list or expired CSRF token – without a mock server, with a banner in the page, locked on PROD. Docs: - [OData console](https://fronttailor.com/en/docs/odata-console) - [Fault simulation](https://fronttailor.com/en/docs/fault-simulation) Book recommendation Further reading - [SAPUI5 The Comprehensive Guide Controls, data binding and models in SAPUI5 – what the inspector shows on the running app. View at the publisher ↗](https://www.sap-press.com/sapui5_6012/) - [Full Stack Development with SAP From the backend service to the Fiori UI – the path an OData request takes through every layer. View at the publisher ↗](https://www.sap-press.com/full-stack-development-with-sap_5733/) A recommendation in our own interest – written by Martin Koch, founder of CloudDNA, with co-authors. [See all books →](https://fronttailor.com/en/books) Need help with this? [Custom Fiori, UI5 and CAP apps →](https://fronttailor.com/en/services#apps) Performance ### Why does the app take eight seconds – and since when? - Pro #### Performance profiler Start time, requests, bundles, preload, async, theme cache, slow OData calls and long tasks – with traffic light and a concrete recommendation. - Pro + Team #### Performance budgets Limits per app for seven metrics, verdict at the top of the report, history across versions, export as JSON. Team budgets in Team. - Community #### Deployment check & cache buster Is the browser running the deployed version? Stale ~token~ paths, a verdict and a one-click reset. Docs: - [Performance](https://fronttailor.com/en/docs/performance) Book recommendation Further reading - [SAPUI5 The Comprehensive Guide Controls, data binding and models in SAPUI5 – what the inspector shows on the running app. View at the publisher ↗](https://www.sap-press.com/sapui5_6012/) A recommendation in our own interest – written by Martin Koch, founder of CloudDNA, with co-authors. [See all books →](https://fronttailor.com/en/books) Need help with this? [Fiori performance review →](https://fronttailor.com/en/services#performance) MEASURED. An extension that slows Fiori apps down would miss its own point. The share of FrontTailor’s code in the load time of the three demo apps is 0.7 %, 0.1 % and 1.0 %. With the permissions it needs, Chromium itself adds to that: 10.9 %, 4.2 % and 1.6 % in total – the biggest part in the freestyle app as soon as webRequest is active. We print both numbers. [To the source](https://fronttailor.com/en/sources#fs-p-overhead) Quality: UI5 2.0, libraries, a11y & i18n, guidelines ### What does the app have to change before UI5 2.0 – and what else will the review find? - Community + Pro #### UI5 2.0 readiness check Synchronous loading, sap.ui.getCore(), jQuery.sap, deprecated controls and themes – with file, line, replacement and score. Migration report with effort in Pro. - Community + Pro #### Library analyzer Loaded libraries against the manifest, undeclared controls, network view and a copyable sap.ui5/dependencies proposal. Export in Pro. - Pro #### i18n & accessibility check Missing keys and translations, hard-coded texts, controls without a label, contrast per WCAG 2.2 – with a jump to the inspector. - Pro #### Fiori design guidelines validator Floorplan detected, 32 rules, score per category, improvement with example and dos & don’ts. - Pro #### Annotation explorer Which annotation drives this field in Fiori elements – and from which source? Plus manifest viewer and draft/ETag inspector. Docs: - [UI5 2.0](https://fronttailor.com/en/docs/ui5-2-readiness) - [Libraries](https://fronttailor.com/en/docs/libraries) - [Quality: i18n & accessibility](https://fronttailor.com/en/docs/i18n-and-accessibility) - [Fiori Guidelines](https://fronttailor.com/en/docs/fiori-guidelines) Book recommendation Further reading - [SAP Fiori Elements Development and Extensibility How annotations build the list report and object page, and how to extend them. View at the publisher ↗](https://www.sap-press.com/sap-fiori-elements_5641/) - [SAPUI5 The Comprehensive Guide Controls, data binding and models in SAPUI5 – what the inspector shows on the running app. View at the publisher ↗](https://www.sap-press.com/sapui5_6012/) A recommendation in our own interest – written by Martin Koch, founder of CloudDNA, with co-authors. [See all books →](https://fronttailor.com/en/books) Need help with this? [UI5 2.0: readiness and migration →](https://fronttailor.com/en/services#ui5-2) Test & report ### How does a bug become a test – or a ticket that can be solved without asking back? - Community #### Shared recorder Record once, use many times: as steps in the report, as a journey or as a synthetic check. Typed values not recorded by default. - Pro #### Scaffolding & snippets Page objects for OPA5, wdi5 and Playwright, QUnit skeleton and mock data from the running app. - Pro #### Local code in the real launchpad Test your local state with the real tile, real roles and real data, without a deployment. Locked on PROD. - Pro #### Report a problem Screenshot with markup, click trail, failed requests and system info – masked, with a preview. - Pro + Enterprise #### Tickets & SAP incident Jira, GitHub, GitLab and Azure DevOps in Pro, ServiceNow in Enterprise. Plus a prepared SAP incident with component and request IDs. - Community + Team #### Known errors The fix for the error that comes back every week, right at the error. For the whole team in Team. Docs: - [Scaffolding & recorder](https://fronttailor.com/en/docs/scaffolding-and-recorder) - [Annotations](https://fronttailor.com/en/docs/annotations) - [Local code](https://fronttailor.com/en/docs/local-code) - [Tools](https://fronttailor.com/en/docs/tools) Book recommendation Further reading - [SAP Fiori Elements Development and Extensibility How annotations build the list report and object page, and how to extend them. View at the publisher ↗](https://www.sap-press.com/sap-fiori-elements_5641/) - [Full Stack Development with SAP From the backend service to the Fiori UI – the path an OData request takes through every layer. View at the publisher ↗](https://www.sap-press.com/full-stack-development-with-sap_5733/) - [Git und SAP Versionsverwaltung und Transporte Version control and transports with Git – the background to local code and the release check. View at the publisher ↗](https://www.rheinwerk-verlag.de/git-und-sap/) A recommendation in our own interest – written by Martin Koch, founder of CloudDNA, with co-authors. [See all books →](https://fronttailor.com/en/books) Need help with this? [Extensions of Fiori elements apps →](https://fronttailor.com/en/services#erweiterung) AI with your own key ### What does this inner error mean – and what does the wdi5 test for it look like? - Pro #### AI assistant (BYOK) 35 use cases with the page’s context: explain errors, code review of the running app, performance tips, wdi5 tests, annotations, translations, ticket texts. - Pro #### Your provider, your key Anthropic, Azure OpenAI, SAP AI Core, Google Gemini, Mistral or OpenAI-compatible (e.g. Ollama). No CloudDNA proxy; the key stays encrypted on the device. - Pro #### Preview & masking Every request only after a full preview and a click; e-mail, phone, IBAN and long digit strings masked. Enforceable or switchable off by policy. Docs: - [AI assistant](https://fronttailor.com/en/docs/ai) Need help with this? [TailorCampus D6: AI in the SAP landscape →](https://fronttailor.com/en/services#ki-sap) Launchpad & operations ### Why is the tile missing – and why does it work on QA but not on PROD? - Enterprise #### Launchpad inspector Pick a tile: app ID, semantic object, target mapping, space, page, catalogue and plugins – without opening the app. - Enterprise #### Authorization diagnosis 401/403 readable with the authorization object, check chain for “tile missing” with a traffic light per stage, links to SU53 and the error log. - Enterprise #### DEV/QA/PROD system comparison Snapshots from metadata per system and a diff – no business data, no background crawling. - Enterprise #### Release check after transport Traffic light per system for version, cache buster, preload and app index – and the next step for every red finding. - Enterprise #### Morning check Open your key apps one after another on click, traffic light per app, comparison with the last run. No background monitoring. - Enterprise #### Health & synthetic check Latency, error rate and session time left from the OData log; replay recorded click paths as a check, locked on PROD. - Enterprise #### Jump to the backend From the failed request straight to /IWFND/ERROR_LOG, ST22, SU53 and more on the same system; hints for CAP and BTP. - Enterprise #### Backend service & role simulator (optional) Read-only ABAP add-on for the role and start authorization stages. Not yet tested on a real SAP system. Docs: - [Launchpad inspector](https://fronttailor.com/en/docs/launchpad-inspector) - [Health and morning check](https://fronttailor.com/en/docs/health-and-morning-check) - [Roles and authorizations](https://fronttailor.com/en/docs/roles-and-authorizations) - [System compare](https://fronttailor.com/en/docs/system-compare) - [Release check](https://fronttailor.com/en/docs/release-check) - [Backend jump](https://fronttailor.com/en/docs/backend-jump) Book recommendation Further reading - [Security and Authorizations for SAP Business Technology Platform Identities, roles and trust on SAP BTP – the basis of every authorization diagnosis. View at the publisher ↗](https://www.sap-press.com/security-and-authorizations-for-sap-business-technology-platform_5627/) - [Configuring SAP Business Technology Platform The Practical Guide for Administrators Accounts, subaccounts and operations of SAP BTP – for everyone who runs Fiori apps, not just builds them. View at the publisher ↗](https://www.sap-press.com/configuring-sap-business-technology-platform_6080/) - [Git und SAP Versionsverwaltung und Transporte Version control and transports with Git – the background to local code and the release check. View at the publisher ↗](https://www.rheinwerk-verlag.de/git-und-sap/) A recommendation in our own interest – written by Martin Koch, founder of CloudDNA, with co-authors. [See all books →](https://fronttailor.com/en/books) Need help with this? [Launchpad, roles and authorizations →](https://fronttailor.com/en/services#launchpad) Team ### How does the whole team get the same profiles, filters and fixes – without a server? - Team #### Team sync Team packages with host profiles, URL profiles, OData filters, replays, snippets, PII rules, favourites, budgets and known errors – via file or HTTPS. - Team #### Diff before every change Nothing is applied silently. Changes that would remove PROD protection are never preselected. Optionally signed with Ed25519. - Enterprise #### Admin policies & sideloading Prescribe allowed hosts, PROD hosts, modules, AI endpoint, licence and team packages centrally – via group policy, Intune or Jamf. Docs: - [Team sync](https://fronttailor.com/en/docs/team-sync) - [Team packages](https://fronttailor.com/en/docs/team-packages) Need help with this? [FrontTailor onboarding for your team →](https://fronttailor.com/en/services#onboarding) Which edition? ### Community for you. Pro for projects. Enterprise for operations. The pills on every feature show from which edition it is included. The [comparison](https://fronttailor.com/en/editions#vergleich) puts everything in one table. [Editions and prices](https://fronttailor.com/en/editions) [Install Community for free](https://fronttailor.com/en#installieren) Purchase cancelled – nothing was charged. Frequently asked ### Questions about the features. **Does FrontTailor replace UI5 Diagnostics and the UI5 inspector?** FrontTailor covers what people usually open UI5 Diagnostics and inspector extensions for – control tree, properties, bindings, models – and connects it with what is missing there: OData requests with readable errors, performance, the UI5 2.0 check and the launchpad. The SAP tools remain usable; FrontTailor changes nothing about them. **Does FrontTailor work with Fiori elements and CAP?** Yes. FrontTailor detects freestyle apps as well as Fiori elements V2 and V4 and reads OData V2 and V4, including from CAP and RAP. For Fiori elements, the annotation explorer (Pro) shows which annotation drives a field and which source it comes from; for V2 only partially. **How do I find the ID of a UI5 control for a test?** Start pick mode with Alt+Shift+F, click the field and choose “copy as”: ID, OPA5, wdi5 or Playwright selector, or XML. Generated IDs like __xmlview0--input-3 never end up in the selector; FrontTailor uses stable features such as the view-local ID, binding path or text. **Can I test another UI5 version without deploying?** Yes. Under tools, FrontTailor redirects only the app’s UI5 files to ui5.sap.com or sdk.openui5.org in the chosen version, in exactly one tab. The app’s own code stays untouched, the rule ends with the tab, and it is locked on PROD. A strict content security policy of the page can prevent the switch. **How do I measure the load time of a Fiori app?** In the performance profiler (Pro), click “start measurement” and reload the app. It measures time to interactive, FCP, LCP, requests and sizes and checks component preload, library preload, async loading, theme cache, slow OData calls and long tasks – with a traffic light and a recommendation. The thresholds are FrontTailor’s rules of thumb, not SAP limits. **Does FrontTailor check accessibility per WCAG?** The i18n and accessibility check (Pro) checks criteria from WCAG 2.2 – text alternatives, structure, contrast of at least 4.5:1 or 3:1, labels, name and role – with a jump to the control. It does not check keyboard operation or focus order and does not replace a full audit. **Who helps with the UI5 2.0 migration?** CloudDNA, the company behind FrontTailor. The UI5 2.0 readiness check shows the blockers per app with file and line; in consulting we prioritise them with you and carry out the migration – with the team where the authors of “SAPUI5 – The Comprehensive Guide” work. More on the services page. **Is there a guide to the individual modules?** Yes. The FrontTailor product documentation describes the modules page by page: where they sit in the panel, how to use them, which edition they need and what is locked on PROD systems. Below each area on this page you find the links to the matching docs pages. Your question isn’t here? Talk to me: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Get in touch](https://fronttailor.com/en/contact) --- # Editions and prices · FrontTailor Source: https://fronttailor.com/en/editions > Community free, Pro and Team bought directly online, Enterprise on request: what each FrontTailor edition does, with prices, a comparison and videos. Editions and prices · version 1.0.0 ## Start free. Pay when it saves time. Four editions, each includes the ones below. Community is free and stays free. You buy Pro and Team right here, for yourself or your team. Enterprise is for operations and corporate IT and comes with a quote. All prices net plus VAT. 7-day trial Every new installation gets all editions for 7 days, without a key. After that Community applies until you enter a licence key. Community #### Free. For every developer. €0 forever, no account For: Individual developers, key users and everyone who wants to understand UI5 - Control inspector with pick mode and “copy as” - Model explorer with snapshot, diff and i18n lookup - OData console: $batch split, errors readable, export - Cache reset, debug switches, command palette, bookmarks - UI5 2.0 readiness check and library analyzer - Own known errors with the fix at the error [Install for free](https://fronttailor.com/en#installieren) Video on this edition ↓ Pro Most popular #### For everyone who ships Fiori apps. €29 per user and month, or €288 per user and year, excl. VAT For: Freelancers, project developers, consultancies - Everything in Community - Performance profiler with traffic light and budgets per app - i18n and accessibility check, guidelines validator - AI assistant with your own key - Report a problem, tickets, prepare an SAP incident - Scaffolding, fault simulation, local code in the launchpad - Annotation explorer and UI5 2.0 migration report [Buy: Pro](https://fronttailor.com/en/contact?thema=Pro) Video on this edition ↓ Team Everything in Pro, plus #### Everything in Pro, plus shared standards. €39 per user and month, or €384 per user and year, excl. VAT For: Development teams and consultancies with shared standards - Everything in Pro - Team sync without a server: team packages via file or HTTPS - Profiles, snippets, filters, replays, budgets and bookmarks for the team - Known errors with the fix for everyone - Diff before every change, optionally signed [Buy: Team](https://fronttailor.com/en/contact?thema=Team) Video on this edition ↓ Enterprise Everything in Team, plus #### Everything in Team, plus operations and corporate IT. from €39 per user and month, minimum 25 users, or an annual licence per system For: Basis and operations teams, large SAP customers, hosting partners - Everything in Team - Launchpad inspector and authorization diagnosis - DEV/QA/PROD system comparison, release check after transport - Morning check, health and synthetic check - Jump to the backend, ServiceNow, optional backend service - Admin policies, sideloading, SSO, support SLA [Request a quote](https://fronttailor.com/en/contact?thema=Enterprise) Video on this edition ↓ Enterprise with onboarding ### Not just the licence: the team that builds FrontTailor. With Enterprise you can get the [onboarding for your team](https://fronttailor.com/en/services#onboarding), the [setup of team packages, policies and sideloading](https://fronttailor.com/en/services#anpassung) and [consulting](https://fronttailor.com/en/services#beratung) on the launchpad, authorizations and transports – from CloudDNA. The cost is part of the Enterprise quote. [Request Enterprise](https://fronttailor.com/en/contact?thema=Enterprise) [All services →](https://fronttailor.com/en/services) Compared ### Every feature, every edition. A dot means included; a half dot means the basic feature is there and an extension comes in a higher edition. Locked modules stay visible in the extension with a padlock. Click a feature to jump to its description. ● included · ◐ basic feature, extended in a higher edition · – not included. All prices net plus VAT. Feature | Community | Pro | Team | Enterprise [Inspector & models](https://fronttailor.com/en/features#inspector) System info & traffic-light badge | ● included | ● included | ● included | ● included Control inspector | ● included | ● included | ● included | ● included Model explorer | ● included | ● included | ● included | ● included App state bookmarks | Basic feature; extended from Team | Basic feature; extended from Team | ● included | ● included Tools & developer comfort | ● included | ● included | ● included | ● included Command palette with favourites | Basic feature; extended from Team | Basic feature; extended from Team | ● included | ● included Switch the app language | ● included | ● included | ● included | ● included Flex check & personalisation reset | ● included | ● included | ● included | ● included UI5 version from the SAP CDN | ● included | ● included | ● included | ● included [OData](https://fronttailor.com/en/features#odata) OData console | ● included | ● included | ● included | ● included Export & replay | ● included | ● included | ● included | ● included Metadata explorer | ● included | ● included | ● included | ● included From request to control | ● included | ● included | ● included | ● included Fault simulation | – not included | ● included | ● included | ● included [Performance](https://fronttailor.com/en/features#performance) Performance profiler | – not included | ● included | ● included | ● included Performance budgets | – not included | Basic feature; extended from Team | ● included | ● included Deployment check & cache buster | ● included | ● included | ● included | ● included [Quality: UI5 2.0, libraries, a11y & i18n, guidelines](https://fronttailor.com/en/features#qualitaet) UI5 2.0 readiness check | Basic feature; extended from Pro | ● included | ● included | ● included Library analyzer | Basic feature; extended from Pro | ● included | ● included | ● included i18n & accessibility check | – not included | ● included | ● included | ● included Fiori design guidelines validator | – not included | ● included | ● included | ● included Annotation explorer | – not included | ● included | ● included | ● included [Test & report](https://fronttailor.com/en/features#entwickeln) Shared recorder | ● included | ● included | ● included | ● included Scaffolding & snippets | – not included | ● included | ● included | ● included Local code in the real launchpad | – not included | ● included | ● included | ● included Report a problem | – not included | ● included | ● included | ● included Tickets & SAP incident | – not included | Basic feature; extended from Enterprise | Basic feature; extended from Enterprise | ● included Known errors | Basic feature; extended from Team | Basic feature; extended from Team | ● included | ● included [AI with your own key](https://fronttailor.com/en/features#ki) AI assistant (BYOK) | – not included | ● included | ● included | ● included Your provider, your key | – not included | ● included | ● included | ● included Preview & masking | – not included | ● included | ● included | ● included [Launchpad & operations](https://fronttailor.com/en/features#betrieb) Launchpad inspector | – not included | – not included | – not included | ● included Authorization diagnosis | – not included | – not included | – not included | ● included DEV/QA/PROD system comparison | – not included | – not included | – not included | ● included Release check after transport | – not included | – not included | – not included | ● included Morning check | – not included | – not included | – not included | ● included Health & synthetic check | – not included | – not included | – not included | ● included Jump to the backend | – not included | – not included | – not included | ● included Backend service & role simulator (optional) | – not included | – not included | – not included | ● included [Team](https://fronttailor.com/en/features#team) Team sync | – not included | – not included | ● included | ● included Diff before every change | – not included | – not included | ● included | ● included Admin policies & sideloading | – not included | – not included | – not included | ● included Price | €0 | €29 per user and month, or €288 per user and year, excl. VAT | €39 per user and month, or €384 per user and year, excl. VAT | from €39 per user and month, minimum 25 users, or an annual licence per system Buy | [Install for free](https://fronttailor.com/en#installieren) | [Buy: Pro](https://fronttailor.com/en/contact?thema=Pro) | [Buy: Team](https://fronttailor.com/en/contact?thema=Team) | [Request a quote](https://fronttailor.com/en/contact?thema=Enterprise) In detail ### What each feature does – edition by edition. For every feature: which problem it solves, how it is typically used, where it sits in the panel and which docs page explains it step by step. Each edition includes everything in the editions before it. Community 18 featuresPro 13 featuresTeam 2 featuresEnterprise 9 features #### Community Free. For every developer. - Inspector & models ##### System info & traffic-light badge Answers the first questions of every support case as soon as you open the panel – which UI5 version, which system, which data sources – without the console and without asking back. The colour of the icon warns you as soon as you work on a PROD system. UI5 version, theme, language, launchpad flavour, app type and data sources with backend type, without setup. The icon shows green, yellow with an error count or red for PROD. In the panel: Overview[Docs: Overview & system info →](https://fronttailor.com/en/docs/overview) - Inspector & models ##### Control inspector Shows the control behind every pixel of the running app, with properties, bindings and context. Typical use: click a field, see where its value comes from and copy a stable selector for the test. Pick mode with Alt+Shift+F, tree, properties, bindings and contexts. “Copy as” ID, OPA5, wdi5, Playwright or XML; change properties live, locked on PROD. In the panel: Inspector › Pick control[Docs: Inspector →](https://fronttailor.com/en/docs/inspector) - Inspector & models ##### Model explorer Shows which data really sits in the app’s models instead of hunting for it in the debugger. Typical use: take a snapshot, run an action and compare what changed – or check why a text is missing in one language. JSON, OData V2/V4, resource and device models as a tree, before/after snapshot and diff, i18n lookup with all languages. In the panel: Models[Docs: Model explorer →](https://fronttailor.com/en/docs/models) - Inspector & models ##### App state bookmarks Saves you clicking your way back to the bug after every reload. A bookmark remembers more than a browser favourite: filter values, variant and the selected section, too. Remember route, filters, variant and tab; after a reload one click takes you back to the bug. Team bookmarks in Team. Team Team bookmarks: bookmarks reach everyone in the team via a team package. In the panel: Overview › Bookmarks[Docs: App state bookmarks →](https://fronttailor.com/en/docs/bookmarks) - Inspector & models ##### Tools & developer comfort Bundles the chores that cost UI5 developers time every day: clear caches, set debug parameters, debug only your own code in readable form and jump from the control to its source file. Cache reset, debug switches, URL presets, “debug own code only” and “open in editor”. In the panel: Tools[Docs: Tools →](https://fronttailor.com/en/docs/tools) - Inspector & models ##### Command palette with favourites Runs commands from the keyboard without looking for the right tab first. Commands you use often stay at the top as favourites. Alt+Shift+K opens a search across all commands, with favourites and the last ten commands. Team Palette favourites reach everyone in the team via a team package. In the panel: Tools › Command palette[Docs: Command palette →](https://fronttailor.com/en/docs/command-palette) - Inspector & models ##### Switch the app language Tests the app’s i18n texts in another language without changing the logon language or the URL by hand. Typical use: check whether a text is missing in one language or the layout breaks with right-to-left script. The app’s languages, more SAP languages and the SAP test languages, RTL included. Reloading with a language also works on PROD; switching without a reload is locked there. In the panel: Tools › Language[Docs: Tools →](https://fronttailor.com/en/docs/tools) - Inspector & models ##### Flex check & personalisation reset Clarifies in operations whether a behaviour comes from personalisation, a key-user adaptation or the app itself. Typical use: get rid of your own personalisation without touching the key users’ adaptations. See changes per layer, reset only your own USER layer – with double confirmation, locked on PROD. In the panel: Tools › Flex & adaptations[Docs: Tools →](https://fronttailor.com/en/docs/tools) - Inspector & models ##### UI5 version from the SAP CDN Shows before an upgrade whether the app runs with another UI5 version – without a deployment and without changing the app’s code. The redirect applies only to the UI5 files and ends with the tab. Test the app with another UI5 version in exactly one tab, without a deployment. Locked on PROD. In the panel: Tools › UI5 version (CDN) [Docs: Tools →](https://fronttailor.com/en/docs/tools) - OData ##### OData console Shows every OData request of the app with headers, body and timing and makes the backend’s error message readable. Typical use: find out which part of a $batch failed and why. V2 and V4, $batch split into its parts, error text from Gateway, RAP and CAP readable, link to /IWFND/ERROR_LOG, 76 headers explained. In the panel: OData[Docs: OData console →](https://fronttailor.com/en/docs/odata-console) - OData ##### Export & replay Passes a request on so that colleagues or the backend team can reproduce it, or sends it again after editing. Typical use: copy the failing request into the ticket as cURL or resend it with a changed filter. Export as cURL, .http, Postman or HAR, without tokens. Replay after a preview, saved filters and collections – display only on PROD. In the panel: OData › Export · Edit and send again[Docs: OData console →](https://fronttailor.com/en/docs/odata-console) - OData ##### Metadata explorer Makes large services understandable as a picture instead of XML. Typical use: find out which navigations lead from the item to the status text and take over the path for $expand. Entities as a diagram with navigations, path finder for $expand, export as SVG, PNG or Mermaid. In the panel: OData › Metadata[Docs: OData console →](https://fronttailor.com/en/docs/odata-console) - OData ##### From request to control Connects data and UI: which control of the page shows the value of this request or property? Typical use: go from a suspicious response straight to the affected field. One click from the request or property to the bound control in the page. In the panel: OData › Controls[Docs: OData console →](https://fronttailor.com/en/docs/odata-console) - Performance ##### Deployment check & cache buster Answers the question “why do users still see the old version?” for the current system. Typical use: after a deployment, check whether browser and server have the same version and clear stale caches with one click. Is the browser running the deployed version? Stale ~token~ paths, a verdict and a one-click reset. In the panel: Tools › Deployment · Cache buster[Docs: Tools →](https://fronttailor.com/en/docs/tools) - Quality: UI5 2.0, libraries, a11y & i18n, guidelines ##### UI5 2.0 readiness check Shows what your own app has to change before UI5 2.0 – measured at runtime, so including dynamic calls a static linter does not see. Typical use: work through an app’s blockers by file and line. Synchronous loading, sap.ui.getCore(), jQuery.sap, deprecated controls and themes – with file, line, replacement and score. Migration report with effort in Pro. Pro Migration report as Markdown or CSV, with effort and comparison with the previous run. In the panel: UI5 2.0[Docs: UI5 2.0 →](https://fronttailor.com/en/docs/ui5-2-readiness) - Quality: UI5 2.0, libraries, a11y & i18n, guidelines ##### Library analyzer Finds libraries the app uses but does not name in its manifest – they often only work because another library brings them along. Typical use: copy the sap.ui5/dependencies proposal into the manifest. Loaded libraries against the manifest, undeclared controls, network view and a copyable sap.ui5/dependencies proposal. Export in Pro. Pro Export of the analysis across all apps of the session as Markdown or CSV. In the panel: Libraries[Docs: Libraries →](https://fronttailor.com/en/docs/libraries) - Test & report ##### Shared recorder Click through the app once instead of three times: the same recording serves as steps in the bug report, as a journey test or as a synthetic check. Which use is available depends on the edition of the module that uses it. Record once, use many times: as steps in the report, as a journey or as a synthetic check. Typed values not recorded by default. In the panel: Recorder › Record[Docs: Scaffolding & recorder →](https://fronttailor.com/en/docs/scaffolding-and-recorder) - Test & report ##### Known errors Puts the fix where the error shows up: in the OData console, UI5 log, health, authorization diagnosis and bug report. Typical use: record a recurring message once with its fix instead of searching the wiki for it every week. The fix for the error that comes back every week, right at the error. For the whole team in Team. Team Known errors reach the whole team via a team package. In the panel: Known errors[Docs: Known errors →](https://fronttailor.com/en/docs/known-errors) #### Pro For everyone who ships Fiori apps. - OData ##### Fault simulation Makes it testable how the app handles backend errors that rarely occur on the development system and never on demand. Typical use: check whether the app shows an understandable message on a 403 or an empty list. 500, 403, slow backend, empty list or expired CSRF token – without a mock server, with a banner in the page, locked on PROD. In the panel: Fault simulation[Docs: Fault simulation →](https://fronttailor.com/en/docs/fault-simulation) - Performance ##### Performance profiler Measures load time and rendering of a UI5 app and rates them against Fiori best practices. Typical use: find out why the start takes so long and begin with the concrete recommendation. Start time, requests, bundles, preload, async, theme cache, slow OData calls and long tasks – with traffic light and a concrete recommendation. In the panel: Performance › Start measurement[Docs: Performance →](https://fronttailor.com/en/docs/performance) - Performance ##### Performance budgets Notices when an app gets slower from release to release – before users complain. Every measurement is checked against the app’s target and stored in the history across versions. Limits per app for seven metrics, verdict at the top of the report, history across versions, export as JSON. Team budgets in Team. Team Team budgets: budgets reach everyone in the team via a team package. In the panel: Performance › Performance budget[Docs: Performance →](https://fronttailor.com/en/docs/performance) - Quality: UI5 2.0, libraries, a11y & i18n, guidelines ##### i18n & accessibility check Finds before review and acceptance what Fiori apps are often flagged for there: missing translations, hard-coded texts, icon buttons without a name, weak contrast – with reference to the app’s resource bundles and languages. Missing keys and translations, hard-coded texts, controls without a label, contrast per WCAG 2.2 – with a jump to the inspector. In the panel: Quality[Docs: Quality: i18n & accessibility →](https://fronttailor.com/en/docs/i18n-and-accessibility) - Quality: UI5 2.0, libraries, a11y & i18n, guidelines ##### Fiori design guidelines validator Takes part of the manual design review off your hands: are the finalising actions in the footer, is there only one emphasised action, does the table show its count? Read from the control tree of the running app. Floorplan detected, 32 rules, score per category, improvement with example and dos & don’ts. In the panel: Fiori Guidelines[Docs: Fiori Guidelines →](https://fronttailor.com/en/docs/fiori-guidelines) - Quality: UI5 2.0, libraries, a11y & i18n, guidelines ##### Annotation explorer Helps with Fiori elements bugs that come without an error message: a column is missing, a label is wrong, a value help does not appear. It shows the annotation behind the element and which source wins. Which annotation drives this field in Fiori elements – and from which source? Plus manifest viewer and draft/ETag inspector. In the panel: Annotations[Docs: Annotations →](https://fronttailor.com/en/docs/annotations) - Test & report ##### Scaffolding & snippets Generates test skeletons and mock data from the running app instead of deriving them from the source by hand. Typical use: take a page object for the open page or turn a recording into a journey test. Page objects for OPA5, wdi5 and Playwright, QUnit skeleton and mock data from the running app. In the panel: Scaffolding[Docs: Scaffolding & recorder →](https://fronttailor.com/en/docs/scaffolding-and-recorder) - Test & report ##### Local code in the real launchpad Saves the deployment to a DEV system just to see your own state in the real launchpad. One app’s resources come from your local dev server; tile, roles, plug-ins and data stay real. Test your local state with the real tile, real roles and real data, without a deployment. Locked on PROD. In the panel: Local code[Docs: Local code →](https://fronttailor.com/en/docs/local-code) - Test & report ##### Report a problem Prepares a complete report from a bug instead of collecting screenshot, steps, UI5 version and failed requests one by one. Masking happens before sending, and you see exactly what leaves the panel. Screenshot with markup, click trail, failed requests and system info – masked, with a preview. In the panel: Report a problem[Docs: Report a problem →](https://fronttailor.com/en/docs/report-a-problem) - Test & report ##### Tickets & SAP incident Creates the report as a ticket in the team’s tool instead of copying it by hand and losing screenshot and structure. For SAP support it prepares the incident details. Jira, GitHub, GitLab and Azure DevOps in Pro, ServiceNow in Enterprise. Plus a prepared SAP incident with component and request IDs. Enterprise ServiceNow as a ticket target, also for findings of the authorization diagnosis. In the panel: Report a problem › Create ticket · Prepare SAP incident[Docs: Report a problem →](https://fronttailor.com/en/docs/report-a-problem) - AI with your own key ##### AI assistant (BYOK) Explains, reviews and writes with the context the panel already knows, instead of you copying error message, manifest and code into a chat by hand. The AI bar sits in every module tab, the catalogue in the “AI” tab. 35 use cases with the page’s context: explain errors, code review of the running app, performance tips, wdi5 tests, annotations, translations, ticket texts. In the panel: AI[Docs: AI assistant →](https://fronttailor.com/en/docs/ai) - AI with your own key ##### Your provider, your key Uses the AI provider your company has already approved instead of introducing another service. Requests go straight from the browser to the provider. Anthropic, Azure OpenAI, SAP AI Core, Google Gemini, Mistral or OpenAI-compatible (e.g. Ollama). No CloudDNA proxy; the key stays encrypted on the device. In the panel: AI › Provider settings[Docs: AI assistant →](https://fronttailor.com/en/docs/ai) - AI with your own key ##### Preview & masking Prevents personal data from ending up in a request unnoticed. You see every request in full before you send it. Every request only after a full preview and a click; e-mail, phone, IBAN and long digit strings masked. Enforceable or switchable off by policy. In the panel: AI › Preview – this is sent[Docs: AI assistant →](https://fronttailor.com/en/docs/ai) ##### Extensions in Pro - UI5 2.0 readiness check (Community): Migration report as Markdown or CSV, with effort and comparison with the previous run. - Library analyzer (Community): Export of the analysis across all apps of the session as Markdown or CSV. #### Team Everything in Pro, plus shared standards. - Team ##### Team sync Gives the whole team the same profiles, filters and fixes, without a server and without a CloudDNA service in the data flow. The package is a file or sits at an HTTPS address you choose yourselves. Team packages with host profiles, URL profiles, OData filters, replays, snippets, PII rules, favourites, budgets and known errors – via file or HTTPS. In the panel: Team[Docs: Team sync →](https://fronttailor.com/en/docs/team-sync) - Team ##### Diff before every change Makes sure a team package overwrites nothing you have not seen. You choose per entry what to apply. Nothing is applied silently. Changes that would remove PROD protection are never preselected. Optionally signed with Ed25519. In the panel: Team › Review changes[Docs: Team sync →](https://fronttailor.com/en/docs/team-sync) ##### Extensions in Team - App state bookmarks (Community): Team bookmarks: bookmarks reach everyone in the team via a team package. - Command palette with favourites (Community): Palette favourites reach everyone in the team via a team package. - Performance budgets (Pro): Team budgets: budgets reach everyone in the team via a team package. - Known errors (Community): Known errors reach the whole team via a team package. #### Enterprise Everything in Team, plus operations and corporate IT. - Launchpad & operations ##### Launchpad inspector Saves switching between launchpad administration, catalogue maintenance and the browser console when you check a tile. Typical use: clarify which target mapping and which catalogue are behind a tile. Pick a tile: app ID, semantic object, target mapping, space, page, catalogue and plugins – without opening the app. In the panel: Launchpad[Docs: Launchpad inspector →](https://fronttailor.com/en/docs/launchpad-inspector) - Launchpad & operations ##### Authorization diagnosis Answers “why can’t I see this tile?” as a check chain from catalogue via role and target mapping to the OData service. Typical use: map a 403 to the missing authorization object and hand the finding to Basis. 401/403 readable with the authorization object, check chain for “tile missing” with a traffic light per stage, links to SU53 and the error log. In the panel: Authorizations[Docs: Roles and authorizations →](https://fronttailor.com/en/docs/roles-and-authorizations) - Launchpad & operations ##### DEV/QA/PROD system comparison Answers the frequent operations question “why does it work in QA but not in PROD?”. Differences in app and UI5 version, libraries, cache buster, flex changes, $metadata and target mapping appear side by side. Snapshots from metadata per system and a diff – no business data, no background crawling. In the panel: Compare[Docs: System compare →](https://fronttailor.com/en/docs/system-compare) - Launchpad & operations ##### Release check after transport Clarifies after a transport whether the new version is really active on DEV, QA and PROD and why users may still see the old one – instead of checking manifest, cache buster index and app index one by one. Traffic light per system for version, cache buster, preload and app index – and the next step for every red finding. In the panel: Release[Docs: Release check →](https://fronttailor.com/en/docs/release-check) - Launchpad & operations ##### Morning check Replaces opening your key apps by hand after a transport, a patch weekend or every morning. You see at a glance which app does not start and what changed since the last run. Open your key apps one after another on click, traffic light per app, comparison with the last run. No background monitoring. In the panel: Morning check[Docs: Health and morning check →](https://fronttailor.com/en/docs/health-and-morning-check) - Launchpad & operations ##### Health & synthetic check Shows operations and key users whether an app is healthy right now, without diving into the OData console: how fast does the backend answer, how many requests fail, is the session about to expire? Latency, error rate and session time left from the OData log; replay recorded click paths as a check, locked on PROD. In the panel: Health[Docs: Health and morning check →](https://fronttailor.com/en/docs/health-and-morning-check) - Launchpad & operations ##### Jump to the backend Saves the detour via SAP GUI, transaction and typing in time range, user and transaction ID after a failed request. For CAP and BTP apps it shows where the logs are instead. From the failed request straight to /IWFND/ERROR_LOG, ST22, SU53 and more on the same system; hints for CAP and BTP. In the panel: Backend jump[Docs: Backend jump →](https://fronttailor.com/en/docs/backend-jump) - Launchpad & operations ##### Backend service & role simulator (optional) Answers what the browser cannot see: which PFCG roles a user has, which catalogue would bring a tile and whether a start authorization is missing – for another user, too. Read-only ABAP add-on for the role and start authorization stages. Not yet tested on a real SAP system. In the panel: Roles[Docs: Roles and authorizations →](https://fronttailor.com/en/docs/roles-and-authorizations) - Team ##### Admin policies & sideloading Lets IT decide centrally on which systems and with which modules the extension works, instead of setting up every browser individually. A switched-off module is neither visible nor active. Prescribe allowed hosts, PROD hosts, modules, AI endpoint, licence and team packages centrally – via group policy, Intune or Jamf. [Docs: Enterprise deployment →](https://fronttailor.com/en/docs/enterprise-deployment) ##### Extensions in Enterprise - Tickets & SAP incident (Pro): ServiceNow as a ticket target, also for findings of the authorization diagnosis. Videos ### Each edition in a minute and a half or less. Shown on the demo apps from the extension’s repository, with made-up data. FrontTailor Community – free · 1:17 min Chapters and transcript #### Chapters - Inspector and models - OData and known errors - Tools - Analysis - Bookmarks #### What is said in the video FrontTailor Community is free – one panel right next to the running app. The Inspector shows the type, properties and bindings of every control. The Model Explorer compares snapshots, so you see exactly what changed in the model. The OData console records every request, inside $batch calls too, and turns errors into plain text. For known errors, you store the solution once. Next time, it shows up right at the error. Tools switch debug mode, cache and own-code debugging with one click – and the app language even without a reload. The command palette puts every function on the keyboard, favourites first. The UI5 2.0 check shows what to fix before moving to UI5 2.0. Library analysis compares the loaded libraries with the manifest. And bookmarks remember route, filters and tab – after a reload, one click brings you back. FrontTailor Community is free – a product of CloudDNA. More at fronttailor.com. FrontTailor Pro – for developers · 1:21 min Chapters and transcript #### Chapters - Measure and understand - Report and check - Local code in the launchpad #### What is said in the video FrontTailor Pro is for developers who go deeper. The profiler measures start-up, requests and bundles and checks them against budgets. The Annotation Explorer shows which annotation creates a field – and where it comes from. Scaffolding generates page objects, tests and mock data from the running app. The AI assistant uses your own key. Before sending, you see what goes out – personal data masked. The issue reporter collects context and steps and prepares the SAP incident. The UI5 2.0 check becomes a migration report with effort. Plus checks for accessibility, translations and the design guidelines. Fault simulation tests empty lists, delays and HTTP errors – without touching the backend. And local code runs in the real launchpad: FrontTailor redirects the app to your dev server – no deployment. FrontTailor Pro – a product of CloudDNA. More at fronttailor.com. FrontTailor Team – shared standards · 1:06 min Chapters and transcript #### Chapters - Package by policy - In daily work #### What is said in the video FrontTailor Team gets everyone on the same page: one signed team package instead of wiki pages and word of mouth. The administrator distributes the package by policy. FrontTailor checks the signature before anything is applied. The preview shows every change: profiles, snippets, rules for personal data, OData filters, replay collections, bookmarks, known errors and performance budgets. One click applies it all – entries given by the administrator stay read-only. In daily work, it is simply there: the team filter and the replay collection in the OData console … … and when a known error shows up, the team’s solution is right next to it. FrontTailor Team – a product of CloudDNA, the SAP and AI experts from Austria. More at fronttailor.com. FrontTailor Enterprise – for operations · 1:20 min Chapters and transcript #### Chapters - Launchpad and roles - Health and errors - Morning check - Admin policies #### What is said in the video FrontTailor Enterprise is for operations – so you know about problems before the phone rings. The launchpad inspector shows the intent, target mapping, app and space behind every tile. The role simulator shows a user’s roles – and where the chain to the app breaks. Health shows latency and error rate live. One click jumps to the error – with links to ST22 and /IWFND/ERROR_LOG. When an authorization is missing, the diagnosis names object, activity and the next steps, down to SU53. The morning check starts all key apps and reports with a traffic light what fails. System compare shows what differs between DEV, QA and PROD. After a transport, the release check tests every system – with the next steps. And administrators control it all by policy: licence, modules, AI endpoint and PROD lock. FrontTailor Enterprise – a product of CloudDNA. More at fronttailor.com. Licence ### Bought on the website. Checked in the browser. The purchase runs through the checkout of the Tailor-Plattform. The extension itself calls nothing for it. - BuyEdition, billing, quantity. Monthly or annually, for one or more users, paid in the platform’s checkout. - KeyBy e-mail. The platform sends the licence key to the address from the purchase. This website never shows it. - PasteIn the licence view of the extension. Checked offline, without a network call; the key stays only in the local browser storage. - For everyoneOr centrally. IT sets the key via the licenseKey policy for all users of a browser. Keep learning ### The books behind the editions. What Community and Pro show on the app is explained in the SAP PRESS books on SAPUI5, SAP Fiori elements and full-stack development with SAP. What Enterprise checks after a transport and in operations is covered in Git und SAP and in the book on security and authorizations for SAP BTP. [All books by topic →](https://fronttailor.com/en/books) Book recommendation A recommendation in our own interest: Martin Koch, founder of CloudDNA, is author or co-author of these books. - [SAPUI5 – The Comprehensive Guide](https://www.sap-press.com/sapui5_6012/) - [SAP Fiori Elements – Development and Extensibility](https://www.sap-press.com/sap-fiori-elements_5641/) - [Full Stack Development with SAP](https://www.sap-press.com/full-stack-development-with-sap_5733/) - [Git und SAP – Versionsverwaltung und Transporte](https://www.rheinwerk-verlag.de/git-und-sap/) - [Security and Authorizations for SAP Business Technology Platform](https://www.sap-press.com/security-and-authorizations-for-sap-business-technology-platform_5627/) Purchase cancelled – nothing was charged. Frequently asked ### Questions on editions and buying. **How much does FrontTailor Pro cost?** Pro costs €29 per user and month, or €288 per user and year, excl. VAT On the annual plan that equals €24 a month. You buy Pro directly on this page for one or more users. **What is the difference between Pro and Team?** Team includes everything in Pro plus team sync: host profiles, URL profiles, OData filters, replays, snippets, PII rules, budgets, bookmarks and known errors are shared as a team package – via file or HTTPS address, without a server and with a diff before every change. Team costs €39 per user and month, or €384 per user and year, excl. VAT **What does Enterprise include?** Everything in Team plus the tools for operations: launchpad inspector, authorization diagnosis, DEV/QA/PROD comparison, release check after transport, morning check, health and synthetic check, jump to the backend, ServiceNow, the optional backend service, admin policies and sideloading. Enterprise is available from €39 per user and month, minimum 25 users, or an annual licence per system; we agree the price in a quote. **Do I need a licence?** Not for Community: it is free, forever and without a key. Pro, Team and Enterprise need a licence key. Every new installation gets all editions for 7 days to try them, without a key. After that Community applies until you enter a key. You buy Pro and Team here, the key comes by e-mail; Enterprise comes from sales. **How does the licence get into the extension?** After payment, the licence key arrives by e-mail. You paste it into the licence view of the extension. The key is a signed token that the extension checks offline; it stays only in your local browser storage. In companies, IT can set it for everyone by policy. This website never shows a licence key. **Are the prices net?** Yes. All prices are net plus statutory VAT. Payment runs through the checkout of the Tailor platform; the checkout shows invoice and tax. **Can I cancel monthly?** The monthly plan runs monthly, the annual plan annually. The cancellation terms are in the terms and the licence terms, which you confirm before buying. **What stays free?** Community: system info and traffic light, control inspector, model explorer, OData console with export and replay, metadata explorer, tools and command palette, bookmarks, deployment check, UI5 2.0 readiness check, library analyzer, recorder and your own known errors. The community edition is licensed under Apache 2.0. **Where can I read how each feature works?** On this page every feature has a short description with its label in the panel; every row of the comparison table leads there. From the description you go on to the FrontTailor product documentation: one page per module with how to use it, screenshots from the demo apps and the behaviour on PROD systems. Your question isn’t here? Talk to me: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Get in touch](https://fronttailor.com/en/contact) --- # Security: permissions, PROD protection, policies · FrontTailor Source: https://fronttailor.com/en/security > Which permissions FrontTailor needs and why, how PROD is protected, what the extension never sends and which admin policies corporate IT can set. Security and privacy ## May. May not. Written here. FrontTailor looks into Fiori apps with real data, often on production systems. That only works if it is clear what the extension may do, what it never does and who controls it. Here it is – with sources. On this page Permissions – each one, with its reason PROD protection – what is locked and how No silent transfer – what never leaves the device AI key – where it lives and where it never does Admin policies – for corporate IT Supply chain – no remote code, SBOM Permissions ### Seven fixed permissions, two on request, one never. This is how they appear in the extension’s manifest. Every further permission needs its own documented decision. Permission | When | What for storage | always | Your settings, host profiles, saved filters and bookmarks – locally in the browser. scripting | always | After you grant the domain, inject the script that reads the UI5 runtime. Content scripts cannot see UI5; only this script talks to UI5, exclusively through an adapter. activeTab | always | On a click on the icon or a shortcut, use the current tab: system info in the popup, a screenshot of the visible area for “report a problem”. sidePanel | always | The side panel next to the app; it stays open while navigating in the launchpad, even without DevTools. webRequest | always | Observe the OData requests of granted apps for the console – read-only, nothing is blocked or changed. alarms | always | Fetch the team packages IT prescribes by policy, and the optional morning-check reminder. No install warning. declarativeNetRequestWithHostAccess | always | Test a UI5 version from the SAP CDN and local code: redirect in exactly one tab, after a preview, only on granted hosts, locked on PROD. No install warning. browsingData | on request | Only requested at the first browser cache reset. It clears only the cache of the tab’s domain, never cookies or passwords. https://*/*, http://*/* | on request | Host access only after you grant each domain: “Activate FrontTailor for this host?” debugger | never | Only the separate, free Profiler Companion holds it for the CPU deep profile – if you install it. The install warning. Chrome still shows “Read and change all your data on all websites”. The reason: a small content script checks on every page, for at most ten seconds, whether UI5 markers are in the DOM. It reads no content, sends nothing and injects nothing. To limit this to your systems, set the allowedHosts policy. PROD protection ### On PROD we read, we don’t change. Every feature that changes something at runtime is marked as PROD-guarded in the code. The service worker refuses it on PROD tabs before it reaches the page – when in doubt, locked. - ProfileYou decide what PROD is – or IT does. Host profiles have a PROD flag; the prodHosts policy enforces it, and then it cannot be switched off. - Traffic lightRed means PROD. The extension icon turns red as soon as you are on a PROD host. - LockedWhat changes, doesn’t run. Property edit, replay, personalisation reset, cache reset, swapping the UI5 version, fault simulation, local code, synthetic check. - AllowedWhat reads, runs. Inspector, models, OData console, profiler, readiness check, bug report, morning check without recorded steps. No silent transfer ### What FrontTailor sends: nothing, unless you click. FrontTailor works locally, collects no personal data and transmits nothing to CloudDNA. No telemetry, no analytics, no advertising, no account. - OData log Stays locally in the extension’s IndexedDB, without cookies, tokens and credentials, and is deleted when the tab closes. - AI assistant Sends only after a preview with endpoint, headers, system prompt and full content and your click – straight to your provider, never to CloudDNA. Answers are never applied automatically. - Tickets and bug report By default, your ticket system’s prefilled form opens in a new tab. The extension itself sends nothing; in API mode only after a preview. Tokens live in memory at most. - System comparison and morning check Only on click, only against the same server, without business data. No background crawling. - Licence Checked offline, without a network call. The full [privacy policy of the extension](https://fronttailor.com/en/privacy#extension) lists every piece of data with purpose, storage location and duration. Your own AI key (BYOK) ### Your key. Your provider. No proxy. If you want, FrontTailor stores the AI key encrypted in chrome.storage.local – never in sync, never in exports, team packages, reports or logs. Otherwise it stays in memory only. - Encrypted AES-GCM-256 with a non-exportable WebCrypto key. It does not protect against someone with access to the whole browser profile – we say so. - Can be switched off With the policy ai.persistKeys: false keys stay in memory only; aiEndpoint pins the endpoint, modules.ai: false switches the assistant off. - Masked E-mail, phone, IBAN and long digit strings are masked before every request; aiRequirePiiMasking enforces it. For corporate IT ### Admin policies via managed storage. Via chrome.storage.managed – by group policy, Intune or Jamf – IT prescribes what FrontTailor may do. Policies take effect without a reload. The schema ships with the extension as managed-schema.json. Policy | Effect allowedHosts | Host patterns on which FrontTailor may activate. If set, all other hosts are blocked. prodHosts | Host patterns treated as PROD. The PROD flag cannot be switched off there. modules | Switch off 27 modules individually (e.g. ai, override, faults, recorder): tab hidden, the service worker refuses their messages. aiEndpoint, aiProvider, aiAllowedProviders | Pin the AI endpoint (e.g. your gateway or SAP AI Core), prescribe or restrict providers. An empty endpoint switches the assistant off. aiRequirePiiMasking, ai.persistKeys | Enforce masking; keys in memory only. licenseKey, trial | Set the licence for all users of the browser; switch the trial off. teamSync | Prescribe team packages, trusted keys, signature requirement, sync interval, allow own packages or not. issueReporter | Targets of the bug report, mandatory masking rules, default repository and recipient. ticketTargets, allowedTicketHosts | Preconfigured ticket systems (never with tokens) and allowed ticket hosts. telemetry | Present in the schema, unused in FrontTailor: there is no telemetry. For machines without the Chrome Web Store, Enterprise includes sideloading as a package. [Discuss a roll-out →](https://fronttailor.com/en/contact?thema=Enterprise) Supply chain ### No code that gets loaded later. No remote code, no eval, no source maps in the release, a CSP without unsafe-eval and unsafe-inline. The build is reproducible, and every release ships a CycloneDX SBOM. - Only through the adapter Only the page script talks to UI5, through an adapter that never throws into the page. If an API is missing in the detected UI5 version, the module switches off instead of showing wrong data. - Openly checked CodeQL and pnpm audit run in the pipeline; Community is licensed under Apache 2.0. Frequently asked ### Questions from IT security. **Why does Chrome show “Read and change all your data on all websites” at install?** Because a small content script checks on every page whether a UI5 app runs there – for at most ten seconds, without reading content, without sending anything. FrontTailor gets access to an app only after you grant the domain. Companies can prescribe the allowed hosts via the allowedHosts policy; all others are then blocked. **Does FrontTailor read cookies, tokens or passwords?** No. FrontTailor reads no cookies. Headers with tokens and credentials are not stored in the OData log; exports and saved replays contain no tokens, cookies or authorization headers. The cache reset never deletes cookies or passwords. **Where does the AI key live?** Only if you want it, and then encrypted in chrome.storage.local on the device – never in sync, never in exports, team packages, reports or logs. With the policy ai.persistKeys: false it stays in memory only. The encryption does not protect against someone with access to the whole browser profile. There is no CloudDNA AI proxy. **Can IT switch off individual features?** Yes. Via chrome.storage.managed – by group policy, Intune or Jamf – 27 modules can be switched off individually, hosts allowed, PROD hosts set, the AI assistant pinned to one endpoint or switched off, and licence and team packages distributed. Policies take effect without a reload. **Does FrontTailor need the debugger permission?** No. The CPU deep profile of the performance profiler runs through a separate, free extension, the FrontTailor Profiler Companion. Only it holds the debugger permission. If you do not need the deep profile, you don’t install it. Your question isn’t here? Talk to me: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Get in touch](https://fronttailor.com/en/contact) --- # Contact: Enterprise, team, question or workshop · FrontTailor Source: https://fronttailor.com/en/contact > Enterprise quote, team roll-out, sideloading, a question about FrontTailor or a stubborn bug in your Fiori landscape: a reply within one working day, personally. Contact · personal ## Ten tabs too many? You buy Pro and Team directly on the [editions](https://fronttailor.com/en/editions) page. For everything else, write to me – I read every request myself. - [Enterprise](https://fronttailor.com/en/editions#enterprise): quote, demo on your launchpad, sideloading, policies, SSO - Team roll-out and team packages for more than nine users - An early copy while the store listing is not live yet - [Workshops and training](https://fronttailor.com/en/services#workshops), [consulting](https://fronttailor.com/en/services#beratung) on UI5 2.0, performance, Fiori elements and the launchpad, [development](https://fronttailor.com/en/services#entwicklung) of Fiori and CAP apps - Questions, bugs and wishes for FrontTailor M Martin Koch Managing Director, CloudDNA · I read every request myself and reply personally. [Prefer to call: +43 664 1964199](tel:+436641964199) Please do not send tokens, cookies, passwords or HAR files with real sessions. I reply within one working day, personally. No newsletter, no passing on. Details in the [privacy policy](https://fronttailor.com/en/privacy). Name Company Business e-mail What is it about? Enterprise quoteTeam roll-outQuestion about Pro or buyingEarly copyInterest in FirefoxWorkshop or trainingConsultingDevelopmentQuestion about FrontTailorReport a bug or wishSomething else Your role DevelopmentBasis / operationsArchitectureKey userProject managementIT securityOther Environment S/4HANA on-premiseS/4HANA Cloud, private editionSAP BTPECC with GatewayMixedDon’t know Message optional – users, systems, what you are missing (no tokens) Website Frequently asked ### Questions about contacting us. **Do I need to enquire here for Pro or Team?** No. You buy Pro and Team directly on the editions page. Write to me if you need an invoice in advance, want to license more than nine users at once or have questions about buying. **How does an Enterprise quote work?** Tell me briefly how many users and systems you have and whether you need sideloading, policies or the backend service. I get back to you within one working day; we are happy to show the Enterprise features on your launchpad, and then you get a quote – from €39 per user and month, minimum 25 users, or an annual licence per system. **Should I send screenshots, HAR files or tokens?** Please no tokens, cookies, passwords or HAR files with real sessions. Describe briefly what happens and which error message appears; if we look at it together, the data stays on your screen. **How quickly will you reply?** Within one working day, personally. There is no newsletter and your data is not passed on. **Can I call or e-mail instead?** Yes. You can reach CloudDNA GmbH by phone at +43 664 1964199 and by e-mail at office@clouddna.at. --- # Story: Martin Koch and why FrontTailor exists · FrontTailor Source: https://fronttailor.com/en/story > Pilot, air traffic controller, SAP Champion, SAP PRESS author: Martin Koch on ten tabs for one question – and how FrontTailor came out of it. The story behind FrontTailor – and behind all Tailors ## Never give up. The sky is the limit. My name is Martin Koch. Former pilot and air traffic controller, in SAP integration since 2006, SAP Champion, author at SAP PRESS, today founder of CloudDNA – and single father of three. With 24 people from southern Burgenland we build a family of software. FrontTailor is the member closest to the books my team and I wrote on SAPUI5 and Fiori elements. This is the story behind it. Chapters - 01Who I am - 02At home - 03One sentence in Hamburg - 04The upheaval - 05We build it - 06We speak AI - 07The Tailor family - 08Why FrontTailor 01Who I am ### Every life counts. Not 999 out of 1,000. Before I built software, I learned two professions in which there is no such thing as 99.9 %: airline pilot with Austrian Airlines and air traffic controller with Austro Control. The entrance tests for both are among the toughest in the world – the DLR test in Hamburg with a failure rate north of 98 %, the multi-day assessment at Austro Control in which people find out how resilient they really are. Tens of thousands apply, a few dozen get through. I passed both. IQ measures how fast someone thinks. The cockpit test measures how calm someone stays when the display at the top right has been showing something wrong for five seconds and you have to be the first to notice. In aviation, the second one counts. And above everything stands one principle: every life counts. Not 999 out of 1,000. All of them. A professional pose or an operating system? When I took up tennis again in autumn 2025 after a thirty-year break, I looked for a coach who had worked with ATP top-10 players for decades. Not because I want to go on tour – but because when I take something seriously, I want to know where my ceiling really is. 02At home ### Three children, one father, no autopilot. I am a single father of three children. The two younger ones are of school age, the eldest is an adult. Anyone who knows this knows: there is no roster that holds and no day that ends the way it was planned. You learn to set priorities in seconds – and to re-sort them the next morning. My eldest son is severely disabled. He lives with a rare genetic defect, a microdeletion. He has taught me more about patience, reliability and what really matters than any assessment and any project. My three children are the centre of my life and my motivation – every single day. When I say “every life counts”, it is no longer a phrase from the cockpit. It is everyday life. And it is the reason I build software that gives people time back – time that is needed more urgently elsewhere. My life has changed massively through all of this. I have become even more structured than I was used to from the cockpit – and that is exactly why, in the early morning hours before the house wakes up, there is room every day for an hour of sport: kettlebell, rope skipping, boxing. Not despite the responsibility, but because of it. I am convinced: what matters most is the daily routine. Big goals are not reached with big days, but with many ordinary ones that reliably start the same way. That is exactly how we build software: it should carry the daily routine – unspectacular, reliable, every day – so that head and time remain for the unplannable. Never give up. The sky is the limit. My motto. Not a poster on the wall – a decision, every morning. 03One sentence in Hamburg ### How KSIC became CloudDNA. I founded CloudDNA more than ten years ago – originally not under that name. I came from SAP, where I had spent years at one of the largest software companies in the world. A safe harbour. I left it anyway. It started with an unwieldy name: KSIC GmbH – Koch Security, Integration and Cloud Consulting. Four letters nobody could pronounce. Rescue came over dinner in Blankenese, Hamburg, at a fish restaurant on the Elbe. My old SAP colleague Jörg listened to my explanation for the third time, raised his glass and said a single sentence: “Martin, you have the cloud in your DNA.” Two weeks later KSIC GmbH was no longer called KSIC. Daniel, my first employee, was already there – on his very first business trip. (Daniel, I am still sorry about the turbot.) We started in a tiny office in Oberwart. Today we work in the former Raiffeisen bank in Loipersdorf, in the middle of the spa and wine region of southern Burgenland, and draw on two talent schools you will not find on any world map: HTL Pinkafeld and the University of Applied Sciences Burgenland. The duo has become a team of 24 people, and we have published seventeen books with SAP PRESS – always from practice, never from marketing. 04The upheaval ### Custom software was a red rag. Until 2023. I built CloudDNA to create SAP integrations for large corporations – heavy software, paced in months. In that world custom software was avoided like the plague: too expensive, too slow, too risky. Then came the language models. I realised: this is not a gradual improvement, it is the upheaval that rewrites our craft. So I sat down myself and built software – at night, in my own editor, with the same tools I recommend to my team. You cannot explain AI-assisted development to anyone with a PowerPoint. You have to live it. What used to take three months and a six-figure sum now takes weeks. Not because programmers work magic, but because copilots take over the drudgery and developers become what they should be: craftspeople with a head. 05We build it ### From “We deliver” to “Wir bauen das”. For more than ten years our promise was “We deliver”: a customer describes, we deliver. That made us big. But it has a limit: whoever only delivers what is ordered rarely builds what is needed. That is why we are rebuilding ourselves. Consultants and developers are becoming forward deployed engineers and product owners. Forward deployed means: they sit where the problem arises – in the property management office, at the winery, in the law firm – and build on site. Product owner means: they stay until it is solved and own the product, not the ticket. We deliver Wir bauen das – we build it Requirements document Data sample with real data Ticket closed Problem solved Months to the first result Weeks, piloted next to the legacy system Hand-over at project end Responsibility afterwards Consultant at the customer Forward deployed engineer and product owner “Wir bauen das.” Three words you may only say to a customer if you mean them. 06We speak AI ### Inside the AI bubble and, above all, outside it. Inside the AI bubble everyone talks about models, benchmarks and agents. Outside – with the property manager running a thousand units, the winemaker in southern Burgenland, the restaurateur with twenty tables – a different question counts: Will this save me an hour tomorrow, and can I rely on it? We translate between these worlds. We build with Claude by Anthropic every day and are well on the way to becoming an Anthropic partner. But what reaches the customer is not a model, it is a workflow that works: - The AI proposes, a human decides. More autonomy comes only after a passed probation period. - Every action is in the audit trail. What the AI did can be read back. - AI has to pay for itself. Own key, fixed cost cap per tenant. - Data stays where it belongs. Tenants separated down to the database. Anthropic and Claude are trademarks of Anthropic PBC. The mention describes how we work. 07The Tailor family ### Made to measure instead of standard with a hundred compromises. Instead of just talking about AI-assisted development, we picked industries I know well enough – or in which I have friends who explain the problem to me until it sticks. Every Tailor shares the same foundation with its siblings, but speaks the language of its industry: - iFlowTailor – for SAP integration, which I have been building since 2006: the tools for development and operations never did the job for me – so we are building the workbench for development, operations and administration in one. - AuthTailor – for single sign-on, because in my SAP projects logins keep failing without saying why. We first built the tracer for ourselves in iFlowTailor – now we give it to everyone for free. - ProbeTailor – for acceptance tests in SAP projects and business software, because in all my years of SAP consulting I have seen too many acceptance tests in Excel lists and too many screenshots in e-mails. - JournalTailor – for accounts payable before SAP, BMD and DATEV, because in SAP projects I have too often watched invoices being retyped although the posting behind them has long been routine. - DocumentTailor – for SAP shops, because I spent fifteen years building forms on SAP Adobe Document Services and did not want to leave the succession question unanswered any longer. - RecordTailor – for everyone who needs a DMS that does not just store but reads – because I have too often seen someone secretly open Excel because the DMS is too slow. - ImmoTailor – for property managers and developers, because accounting, maintenance and portals get in each other’s way there more than anywhere. - TaxTailor – for tax firms, because a friend told me about his Windows terminal server over a glass of wine. - DineTailor – for restaurants, because for years I have been sitting at other people’s tables selling champagne to restaurateurs. - StayTailor – for hotels, because the spa region is full of businesses ducking under the booking portals’ terms. - MeetingTailor – for meetings and boards, because foundation boards, councils and club committees among my friends keep describing the same late-night scene. - Weintailor – for winemakers, because we sit in the middle of a wine region and every other trip turns into a wine trip anyway. - BuildTailor – for construction and trades, because defects, plans and daily reports happen on site – not in the office. - FrontTailor – for SAP Fiori development and operations, because in my projects I too often needed ten tabs, three transactions and a network trace to answer one single question: why is the app doing this? CloudDNA is therefore no longer just an SAP supplier, but a workshop with a growing product line. Bolder in business. Humanly the most honest thing we could do. 08Why FrontTailor ### Ten tabs for one question. Why is the app doing this? With Rene Glavanovits, Daniel Krancz and Maximilian Olzinger I wrote the books on SAPUI5, SAP Fiori elements and full-stack development with SAP. They explain how bindings work, how annotations build an object page and why a component preload saves the start. What no book says: what it feels like to sit in front of an app on a Tuesday morning that still worked yesterday. Such a morning goes roughly like this. At 7:40 the mail arrives: “Order approval no longer shows any items.” The transport went to PROD last night. On QA everything worked. So: - Open DevTools - Filter the network tab - Read the $batch by hand - UI5 Diagnostics - SAP GUI: /IWFND/ERROR_LOG - ST22 - SU53 - Check the cache buster - QA for comparison - Call a colleague Ten tabs. Three systems. And each tool shows one piece: the network tab has the red request, but the error text is buried in the multipart body. UI5 Diagnostics knows the control, but not the request. The gateway error log has the cause, but in another window, with a transaction ID you have to copy by hand. And none of them tells you whether PROD really serves the same app version as QA. Every tool sees a part. None of them sees the whole. Aviation has a word for this: situational awareness. A cockpit does not show twenty instruments side by side for the pilot to add up – it shows what belongs together, together. That is exactly what we were missing for Fiori. So we built the cockpit for Fiori apps. FrontTailor is a panel next to the app. It knows which UI5 version runs, which app type, which launchpad, which backend. It connects the field with the control, the control with the binding, the binding with the request and the request with the error log in the right system. And it has one rule we brought along from aviation: on PROD nothing changes that is not explicitly allowed to change – when in doubt, it stays locked. FrontTailor grew out of the daily work behind those books. Every chapter needs an example, every example an app, and every app sooner or later a fault you want to explain. The questions we kept answering by hand while writing – which control, which binding, which annotation, which request – are the views in the panel today. [All books by topic](https://fronttailor.com/en/books). Tuesday morning before With FrontTailor Decipher a $batch in the network tab Batch split, error text readable, link to the error log Copy the transaction ID, switch to SAP GUI Jump with transaction ID and time window “But it works on QA” System comparison: version, cache buster, flex, $metadata Open twenty apps after the transport Morning check on click, compared with yesterday Screenshot, question back, screenshot One masked report that fits into the ticket Five thoughts FrontTailor is built on: - Thought 1 · A cockpit, not ten instruments #### What belongs together, sits together. From the pixel to the control, from the request to the control, from the error into the error log of the right system. The overview tells you where you are before you search. - Thought 2 · Sterile cockpit #### On PROD we read, we don’t change. In critical phases of flight nobody in the cockpit talks about anything but the flight. On PROD, FrontTailor does nothing but read: every runtime change is checked against the host profile in the service worker, and the icon turns red. - Thought 3 · Clearance for one flight #### Access only when you give it. As an air traffic controller you give a clearance for exactly one flight. FrontTailor gets access to an app only after you grant that domain – and sends nothing to us. - Thought 4 · Checklist, not memory #### What is the same every morning, the machine does. Pilots work by checklist, even after ten thousand hours. The morning check and the release check after a transport are our checklists for Fiori operations. - Thought 5 · Honest about the limits #### Every number with a source, every gap by its name. That is why this website has sources. That is why we write down that the extension measurably affects load time, that FrontTailor has only just left the beta and that the ABAP add-on has not yet seen a real SAP system. Behind FrontTailor is the CloudDNA team: 24 people from southern Burgenland, among them the co-authors of the books. If you need more than the panel – training for your team, consulting on UI5 2.0 or the launchpad, a custom app –, you get it from the same people. [Workshops, consulting, development](https://fronttailor.com/en/services). “Fiori app acting up? Open the panel.” Not a slogan – it is how we work ourselves. [Install Community for free](https://fronttailor.com/en#installieren) [Editions and prices](https://fronttailor.com/en/editions) [Talk to me about your Fiori operations](https://fronttailor.com/en/contact?thema=Enterprise) The Tailor family ### Fourteen siblings – each for its own craft. Every Tailor solves a problem we know up close. Most siblings share the Tailor-Plattform with EU data residency and an AI layer. FrontTailor only needs its checkout: the extension itself has no server and works in the browser next to your Fiori app. - F FrontTailor Developer tools for SAP Fiori® and UI5 – you are here. - [I iFlowTailor Workbench for SAP Cloud Integration ↗](https://iflowtailor.com) - [A AuthTailor SAML & OIDC tracer in your browser ↗](https://authtailor.com) - [P ProbeTailor Acceptance tests for SAP & business software ↗](https://www.probetailor.com) - [J JournalTailor Incoming invoices before SAP, BMD & DATEV ↗](https://www.journaltailor.com) - [D DocumentTailor Documents & signatures for SAP shops ↗](https://documenttailor.com) - [R RecordTailor Document management ↗](https://recordtailor.com) - [I ImmoTailor Property management & development ↗](https://www.immotailor.com) - [T TaxTailor Tax advisors ↗](https://taxtailor.at) - [D DineTailor Restaurants ↗](https://dinetailor.com) - [S StayTailor Hotels ↗](https://staytailor.at) - [M MeetingTailor Meetings & events ↗](https://www.meetingtailor.com) - [W Weintailor Winemakers ↗](https://weintailor.com) - [B BuildTailor Construction & trades ↗](https://buildtailor.com) Frequently asked ### Questions about CloudDNA. **Who is behind FrontTailor?** CloudDNA GmbH from Loipersdorf in southern Burgenland, founded by Martin Koch – former airline pilot and air traffic controller, in SAP integration since 2006, SAP Champion and co-author of “SAPUI5 – The Comprehensive Guide”, “SAP Fiori Elements” and “Full Stack Development with SAP” at SAP PRESS. The team has 24 people. **Why is there a free edition?** Because the basic questions – which control, which value, which request – affect every Fiori developer every day. Community stays free and is licensed under Apache 2.0. What saves projects and operations time is paid: Pro, Team and Enterprise. **What does “We build this” mean?** CloudDNA is changing from a service provider (“We deliver”) into a product builder: developers work as forward deployed engineers directly at the customer and, as product owners, take responsibility for the product beyond the project. **What are the Tailors?** A family of software by CloudDNA, most siblings on a shared foundation, the Tailor-Plattform: among others for SAP Fiori and UI5 (FrontTailor), SAP Cloud Integration (iFlowTailor), single sign-on (AuthTailor), acceptance tests, incoming invoices, documents, property management, tax advisors, restaurants, hotels, boards, winemaking and construction. Your question isn’t here? Talk to me: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Get in touch](https://fronttailor.com/en/contact) --- # Books on SAPUI5, SAP Fiori elements and SAP BTP · FrontTailor Source: https://fronttailor.com/en/books > SAPUI5, SAP Fiori elements, full stack, Git and SAP, SAP BTP: all books by Martin Koch at SAP PRESS, by topic, with ISBN and a link to the publisher. Books at SAP PRESS · Rheinwerk Verlag ## The panel shows what happens. The books explain why. Martin Koch, founder of CloudDNA, has written 16 titles at SAP PRESS with co-authors – eleven works, many of them in English and German. Four sit directly behind FrontTailor: SAPUI5, SAP Fiori elements, full-stack development with SAP, and Git and SAP. What they say about controls, bindings, annotations and transports, the panel checks on the running app. Book recommendation A recommendation in our own interest: Martin Koch, founder of CloudDNA, is author or co-author of these books. Topics SAPUI5 and SAP Fiori elements – controls, bindings, annotations Development and transport – full stack, Git and SAP SAP BTP – security, authorizations, administration Low-code – SAP Build, SAP Build Apps More – Cloud Connector, Mobile Services, Cloud Integration ### SAPUI5 and SAP Fiori elements The foundation for everything FrontTailor shows in the inspector, the model explorer, the performance measurement and the annotation explorer. - [SAPUI5 SAPUI5 The Comprehensive Guide Rene Glavanovits, Martin Koch, Daniel Krancz, Maximilian Olzinger The comprehensive guide to SAPUI5: controls, data binding, models and OData. What it explains, FrontTailor’s inspector makes visible on the running app. English · 776 pages · ISBN 9781493226603 View at the publisher ↗](https://www.sap-press.com/sapui5_6012/) - [SAP Fiori elements SAP Fiori Elements Development and Extensibility Rene Glavanovits, Martin Koch, Daniel Krancz, Maximilian Olzinger How annotations build the list report and object page, and how to develop and extend Fiori elements apps. FrontTailor’s annotation explorer and scaffolding start right there. English · also in German · 413 pages · ISBN 9781493223732 View at the publisher ↗](https://www.sap-press.com/sap-fiori-elements_5641/) ### Development and transport From the backend service to the transport to PROD – the background to the OData console, local code and the release check. - [Full stack Full Stack Development with SAP Rene Glavanovits, Martin Koch, Daniel Krancz, Maximilian Olzinger One application across every layer: from the backend through OData to the Fiori UI. Helps when the fault is not in the front end but somewhere in between. English · also in German · 635 pages · ISBN 9781493224524 View at the publisher ↗](https://www.sap-press.com/full-stack-development-with-sap_5733/) - [Transport Git und SAP Versionsverwaltung und Transporte Rene Glavanovits, Martin Koch, Daniel Krancz, Maximilian Olzinger Version control and transports with Git for SAP development. The background to what FrontTailor checks after a transport: does PROD really run the version that ran on QA? German · 340 pages · ISBN 9783836288507 View at the publisher ↗](https://www.rheinwerk-verlag.de/git-und-sap/) ### SAP BTP: security and operations Roles, trust and running the platform – the background to the authorization diagnosis, launchpad inspector and morning check. - [Security Security and Authorizations for SAP Business Technology Platform Martin Koch, Siegfried Zeilinger Identities, roles and trust on SAP BTP. If you want to understand why a user does not see a tile or a request ends with 403, this is where the basics are. English · also in German · 355 pages · ISBN 9781493223558 View at the publisher ↗](https://www.sap-press.com/security-and-authorizations-for-sap-business-technology-platform_5627/) - [Administration Configuring SAP Business Technology Platform The Practical Guide for Administrators Martin Koch, Siegfried Zeilinger Accounts, subaccounts, licence models and operations of SAP BTP. For everyone who does more than use the tenant – and is responsible for the launchpad the apps run in. English · also in German · 450 pages · ISBN 9781493227075 View at the publisher ↗](https://www.sap-press.com/configuring-sap-business-technology-platform_6080/) ### Low-code with SAP Build The other way to build apps on SAP BTP. - [SAP Build SAP Build No-Code Development, Centralized Access, and Process Automation Rene Glavanovits, Gernot Haider, Martin Koch, Daniel Krancz No-code development, centralized access and process automation with SAP Build – the low-code side next to UI5 and Fiori elements. English · 801 pages · ISBN 9781493224814 View at the publisher ↗](https://www.sap-press.com/sap-build_5772/) - [SAP Build Apps Apps entwickeln mit SAP Build Apps Das Praxishandbuch Martin Koch, Daniel Krancz The practical handbook on SAP Build Apps: building, connecting and rolling out applications without classic code. German · 498 pages · ISBN 9783836291392 View at the publisher ↗](https://www.rheinwerk-verlag.de/apps-entwickeln-mit-sap-build-apps/) ### Connectivity, mobile and integration The remaining titles from the publisher’s search. - [Connectivity Cloud Connector for SAP Martin Koch, Siegfried Zeilinger The way from the cloud into your own network: setting up, securing and running the Cloud Connector. English · also in German · 352 pages · ISBN 9781493224135 View at the publisher ↗](https://www.sap-press.com/cloud-connector-for-sap_5683/) - [Mobile SAP Mobile Services Das umfassende Handbuch Gernot Haider, Martin Koch, Daniel Krancz The handbook on SAP Mobile Services: connecting, securing and running mobile apps on SAP BTP. German · 376 pages · ISBN 9783836281270 View at the publisher ↗](https://www.rheinwerk-verlag.de/sap-mobile-services-das-umfassende-handbuch/) - [Integration SAP Cloud Integration Cookbook Advanced Cloud Integration with SAP Integration Suite Martin Koch, Thorsten Reisinger, Marc Urschick Recipes for error handling, retries, security and performance in SAP Integration Suite. English · 567 pages · ISBN 9781493227655 View at the publisher ↗](https://www.sap-press.com/sap-cloud-integration-cookbook_6176/) From reading to checking ### You know the chapter. Now see it in your app. Which control, which binding, which annotation, which request: FrontTailor Community shows it for free, right in the browser. [Install Community for free](https://fronttailor.com/en#installieren) [All features](https://fronttailor.com/en/features) Frequently asked ### Questions about the books. **Is there a book on SAPUI5?** Yes. “SAPUI5 – The Comprehensive Guide” by Rene Glavanovits, Martin Koch, Daniel Krancz and Maximilian Olzinger is published by SAP PRESS at Rheinwerk Verlag, in English, with 776 pages (ISBN 9781493226603). It covers controls, data binding, models and OData in SAPUI5. **Is there a book on SAP Fiori elements?** Yes, in English and in German, both by Rene Glavanovits, Martin Koch, Daniel Krancz and Maximilian Olzinger at SAP PRESS: “SAP Fiori Elements – Development and Extensibility” (413 pages, ISBN 9781493223732) and “SAP Fiori Elements – Grundlagen, Entwicklung und Erweiterung” (460 pages, ISBN 9783367113231). **Do I need the books to use FrontTailor?** No. FrontTailor shows you, without prior knowledge, which control, which value and which request is behind a field. The books explain why UI5 and Fiori elements work the way they do – if you know both, you read the panel’s findings faster. **Why does FrontTailor recommend exactly these books?** Because they are ours: Martin Koch, founder of CloudDNA, is author or co-author of every title on this page. So it is a recommendation in our own interest. We show no reviews and no sales figures here; the links go straight to Rheinwerk Verlag without tracking parameters. Your question isn’t here? Talk to me: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Get in touch](https://fronttailor.com/en/contact) --- # Workshops, consulting and development for Fiori · FrontTailor Source: https://fronttailor.com/en/services > Workshops on SAPUI5, Fiori elements and FrontTailor, consulting on UI5 2.0, performance and the launchpad, development of Fiori and CAP apps: CloudDNA services. Services · CloudDNA ## The tool from us. The people too, if you want. FrontTailor comes from CloudDNA, an SAP Silver Partner from Austria for the DACH region. The panel shows why a Fiori app behaves the way it does. If you then need someone to train your team, fix the finding with you or build the app, we do that ourselves – with the team that wrote the books on SAPUI5 and Fiori elements. Workshops & trainingConsultingDevelopment - Partner SAP Silver Partner SAP BTP partner for Austria, Germany and Switzerland. - Fiori Elements first Freestyle only when needed; performance budgets and quality gates in the project. - Training 80+ workshops Hands-on, in-house or remote, up to the MasterCLASS. - Team The authors The authors of the books on SAPUI5 and Fiori elements work at CloudDNA. - Knowledge 16 books By Martin Koch and co-authors [at SAP PRESS](https://fronttailor.com/en/books). Workshops & training ### How does your team learn what the panel shows? From onboarding for FrontTailor through hands-on workshops on SAPUI5, Fiori elements and OData to AI in the SAP landscape. In-house or remote, tailored to your systems. #### FrontTailor onboarding for your team We set up FrontTailor with you and practise on your own launchpad: host profiles with PROD flag, a first team package with filters, snippets, budgets and known errors, policies for IT. Afterwards everyone on the team reads the panel’s findings on their own. **For** Teams on Team or Enterprise: development, operations, key users, IT **Format** In-house or remote; scope by arrangement **In the panel** [Team sync](https://fronttailor.com/en/features#team), [Admin policies](https://fronttailor.com/en/security#richtlinien) **The book** [SAPUI5 – The Comprehensive Guide](https://www.sap-press.com/sapui5_6012/) [Enquire](https://fronttailor.com/en/contact?thema=Workshop) #### Hands-on workshops on SAPUI5, Fiori elements, OData and CAP From CloudDNA’s workshop catalogue: “SAP Fiori freestyle applications with SAPUI5” (HOUI5), “SAP Fiori Elements – productive fast with low-code” (HOFIO), “Understanding and applying the OData protocol in SAP” (HODAT), “SAP Cloud Application Programming Model” (HOCAP) and “Backend development with the ABAP RESTful Application Programming Model” (HORAP). Live coding instead of slides, led by CloudDNA’s SAP engineers. The catalogue is in German. **For** Developers, ideally 4–8 participants **Format** Hands-on training 2–3 days, scenario workshop 2–5 days, MasterCLASS 4–8 weeks; in-house or remote **In the panel** [Control inspector](https://fronttailor.com/en/features#inspector), [OData console](https://fronttailor.com/en/features#odata) **The book** [SAPUI5 – The Comprehensive Guide](https://www.sap-press.com/sapui5_6012/), [SAP Fiori Elements – Development and Extensibility](https://www.sap-press.com/sap-fiori-elements_5641/) [Enquire](https://fronttailor.com/en/contact?thema=Workshop) [Workshop catalogue on clouddna.at ↗](https://www.clouddna.at/sap-workshops/) #### Coaching and MasterCLASS with the authors’ team Architecture coaching for tech leads and multi-week MasterCLASS tracks with role paths, homework, office hours and review gates. The authors of the SAP PRESS books on SAPUI5, Fiori elements and full-stack development – Martin Koch, Daniel Krancz, Rene Glavanovits and Maximilian Olzinger – work at CloudDNA. **For** Architects, tech leads and teams who want standards to stick **Format** Ongoing coaching, MasterCLASS 4–8 weeks **In the panel** [Fiori design guidelines validator](https://fronttailor.com/en/features#qualitaet) **The book** [Full Stack Development with SAP](https://www.sap-press.com/full-stack-development-with-sap_5733/), [SAP Fiori Elements – Development and Extensibility](https://www.sap-press.com/sap-fiori-elements_5641/) [Enquire](https://fronttailor.com/en/contact?thema=Workshop) #### TailorCampus D6: AI in the SAP landscape Joule and embedded AI in SAP, AI services on SAP BTP, clean core: AI next to the core instead of in it, integration with Copilot, ChatGPT and co., use cases in finance, purchasing and logistics. Result: an SAP AI map with priorities. Held in German. **For** SAP owners, key users, IT **Format** Half a day, deep dive, advanced **In the panel** [AI assistant with your own key](https://fronttailor.com/en/features#ki) **The book** [Configuring SAP Business Technology Platform – The Practical Guide for Administrators](https://www.sap-press.com/configuring-sap-business-technology-platform_6080/) [Enquire](https://fronttailor.com/en/contact?thema=Workshop) [D6 on TailorCampus ↗](https://www.tailorcampus.com/programm/d6-ki-im-sap-umfeld) #### TailorCampus B8: AI in mid-sized companies with SAP “AI around the core”: an account assignment proposal for an incoming invoice, a request for quotation in three languages, material short texts, a variance comment and a key-user guide – the work before and after SAP. As the “Mittelstand mit SAP” learning path together with use cases and strategy, D6 and agents and automation, about 6 weeks. Held in German. **For** Key users, business departments and management in mid-sized companies with SAP **Format** Industry workshop, three hours; learning path about 6 weeks **In the panel** [Report a problem](https://fronttailor.com/en/features#entwickeln) [Enquire](https://fronttailor.com/en/contact?thema=Workshop) [B8 on TailorCampus ↗](https://www.tailorcampus.com/branchen/b8-mittelstand-sap) #### TailorCampus D7: prompt and agent engineering System instructions and templates, steering context, test questions with a known answer, error analysis and iteration. Result: a tested agent with a test set – a good fit for the AI use cases FrontTailor offers with your own key. Held in German. **For** Power users, AI champions **Format** Half a day, deep dive, advanced **In the panel** [AI assistant with your own key](https://fronttailor.com/en/features#ki) [Enquire](https://fronttailor.com/en/contact?thema=Workshop) [D7 on TailorCampus ↗](https://www.tailorcampus.com/programm/d7-prompt-und-agent-engineering) Consulting ### The panel shows the finding. Who helps fix it? On everything FrontTailor diagnoses: UI5 2.0, performance, Fiori elements, launchpad and authorizations, transports, SAP BTP. From the same team that wrote the books on it. #### UI5 2.0: readiness and migration We go through the readiness check’s findings with you – blockers, deprecated APIs, synchronous loading, themes and libraries per app –, prioritise them and carry out the migration: with clean SAPUI5 architecture, so the app stays upgrade-safe afterwards. **For** Teams with their own freestyle apps and extensions **Format** Inventory, then implementation in sprints **In the panel** [UI5 2.0 readiness check](https://fronttailor.com/en/features#qualitaet), [Library analyzer](https://fronttailor.com/en/features#qualitaet) **The book** [SAPUI5 – The Comprehensive Guide](https://www.sap-press.com/sapui5_6012/) [Enquire](https://fronttailor.com/en/contact?thema=Beratung) #### Fiori performance review Measure instead of guessing: load-time budgets, OData discipline, lazy loading and a measuring method that stays in the project. The result is quick wins with immediate effect and budgets per app that the profiler checks with every version afterwards. **For** Apps that start too slowly or get worse with every version **Format** As part of a Fiori audit or on its own **In the panel** [Performance profiler](https://fronttailor.com/en/features#performance), [Performance budgets](https://fronttailor.com/en/features#performance) **The book** [SAPUI5 – The Comprehensive Guide](https://www.sap-press.com/sapui5_6012/) [Enquire](https://fronttailor.com/en/contact?thema=Beratung) #### Fiori elements and annotations Fiori elements coaching: standards, patterns and implementation, so it stays upgrade-safe. Plus the decision elements or freestyle per app – “elements first, freestyle only when needed” – and a Fiori audit of your most important apps and roles. **For** Teams with list report, object page, worklist, overview page or analytical list page, OData V2 or V4 **Format** Coaching, audit or fixed-price quickstart workshop **In the panel** [Annotation explorer](https://fronttailor.com/en/features#qualitaet), [Scaffolding](https://fronttailor.com/en/features#entwickeln) **The book** [SAP Fiori Elements – Development and Extensibility](https://www.sap-press.com/sap-fiori-elements_5641/) [Enquire](https://fronttailor.com/en/contact?thema=Beratung) #### Launchpad, roles and authorizations Spaces and pages, navigation, tile and audience logic and the launchpad’s operating setup – and the security behind it: OAuth, IAS/IPS, XSUAA, roles and authorizations. For the question “why is the tile missing?” and everything after it. **For** Launchpad owners, basis, authorization teams **Format** Analysis and implementation, also as part of a Fiori rollout **In the panel** [Launchpad inspector](https://fronttailor.com/en/features#betrieb), [Authorization diagnosis](https://fronttailor.com/en/features#betrieb) **The book** [Security and Authorizations for SAP Business Technology Platform](https://www.sap-press.com/security-and-authorizations-for-sap-business-technology-platform_5627/), [Configuring SAP Business Technology Platform – The Practical Guide for Administrators](https://www.sap-press.com/configuring-sap-business-technology-platform_6080/) [Enquire](https://fronttailor.com/en/contact?thema=Beratung) #### Release and transport quality Pipeline, test strategy, transport and branching model and quality gates – with gCTS, ABAP Git and SAP Cloud Transport Management, CTS+ or hybrid. So that “it still worked on QA” happens less often and releases become predictable. **For** Teams whose releases are too slow or too risky **Format** DevOps assessment, then step-by-step setup **In the panel** [Release check after transport](https://fronttailor.com/en/features#betrieb), [DEV/QA/PROD system comparison](https://fronttailor.com/en/features#betrieb) **The book** [Git und SAP – Versionsverwaltung und Transporte](https://www.rheinwerk-verlag.de/git-und-sap/), [Full Stack Development with SAP](https://www.sap-press.com/full-stack-development-with-sap_5733/) [Enquire](https://fronttailor.com/en/contact?thema=Beratung) #### SAP BTP: security and administration BTP as the innovation layer above S/4HANA: account model, subaccounts, destinations, Work Zone, CAP, security with OAuth, IAS/IPS and XSUAA, roles and authorizations, Cloud Connector – with governance, so extensions stay upgrade-safe. **For** Platform teams, architecture, IT security **Format** Start with Architecture Readiness in 90 minutes, then a project **In the panel** [Authorization diagnosis](https://fronttailor.com/en/features#betrieb), [Security of the extension](https://fronttailor.com/en/security) **The book** [Security and Authorizations for SAP Business Technology Platform](https://www.sap-press.com/security-and-authorizations-for-sap-business-technology-platform_5627/), [Configuring SAP Business Technology Platform – The Practical Guide for Administrators](https://www.sap-press.com/configuring-sap-business-technology-platform_6080/) [Enquire](https://fronttailor.com/en/contact?thema=Beratung) Development ### And if someone needs to build the app? Fiori and UI5 apps, CAP and RAP, extensions of Fiori elements apps – and everything FrontTailor needs in a company: backend add-on, team packages, policies, sideloading. #### Custom Fiori, UI5 and CAP apps Full stack on SAP: ABAP/ABAP Cloud, RAP, CAP and OData as the service layer, Fiori elements and SAPUI5 up to the launchpad rollout. For a first Fiori feature including design and implementation, CloudDNA plans 2–4 sprints. **For** Business and IT with a process that has no standard app **Format** Project in sprints, side-by-side on SAP BTP or on-premise **In the panel** [Local code in the real launchpad](https://fronttailor.com/en/features#entwickeln), [Test scaffolding](https://fronttailor.com/en/features#entwickeln) **The book** [Full Stack Development with SAP](https://www.sap-press.com/full-stack-development-with-sap_5733/), [SAPUI5 – The Comprehensive Guide](https://www.sap-press.com/sapui5_6012/) [Enquire](https://fronttailor.com/en/contact?thema=Entwicklung) #### Extensions of Fiori elements apps Extend without blocking the next upgrade: no modifications to the standard, side-by-side extensibility instead of in-app extensions, clean OData interfaces and Fiori elements as the default. **For** Teams whose standard app almost fits **Format** Project or coaching on your own code **In the panel** [Annotation explorer](https://fronttailor.com/en/features#qualitaet) **The book** [SAP Fiori Elements – Development and Extensibility](https://www.sap-press.com/sap-fiori-elements_5641/) [Enquire](https://fronttailor.com/en/contact?thema=Entwicklung) #### ABAP backend add-on for FrontTailor Enterprise The optional, read-only add-on (RAP, OData V4) answers the role and start authorization stages in the authorization diagnosis, optionally for another user – every simulation logged in SLG1. We introduce it with you: installation, authorization object, test. To be honest: the ABAP code has not yet been tested on a real SAP system; your rollout would be one of the first. **For** Enterprise customers with S/4HANA on-premise or private cloud **Format** Rollout as a pilot, with your basis team **In the panel** [Backend service (optional)](https://fronttailor.com/en/features#betrieb) **The book** [Security and Authorizations for SAP Business Technology Platform](https://www.sap-press.com/security-and-authorizations-for-sap-business-technology-platform_5627/) [Enquire](https://fronttailor.com/en/contact?thema=Entwicklung) #### FrontTailor for your company Team packages with your host profiles, PII rules, budgets and known errors, optionally signed; policies for group policy, Intune or Jamf – allowed hosts, PROD hosts, modules, AI providers, ticket targets; sideloading as a package for machines without the Chrome Web Store. **For** Corporate IT and platform teams **Format** With the Enterprise quote **In the panel** [Team sync](https://fronttailor.com/en/features#team), [Policies](https://fronttailor.com/en/security#richtlinien) **The book** [Configuring SAP Business Technology Platform – The Practical Guide for Administrators](https://www.sap-press.com/configuring-sap-business-technology-platform_6080/) [Enquire](https://fronttailor.com/en/contact?thema=Entwicklung) Conversation ### 30 minutes, your apps, an honest assessment. Tell us which Fiori apps you run, which UI5 version they are on and what is slowing you down right now. Afterwards you know whether you need a tool, training, consulting or someone to build the app – or none of it. [Request consulting](https://fronttailor.com/en/contact?thema=Beratung) [Request a workshop](https://fronttailor.com/en/contact?thema=Workshop) [Discuss development](https://fronttailor.com/en/contact?thema=Entwicklung) Frequently asked ### Questions on workshops, consulting and development. **Who helps with the UI5 2.0 migration?** CloudDNA, the company behind FrontTailor. The UI5 2.0 readiness check shows the blockers per app with file and line; in consulting we prioritise them with you and carry out the migration. The authors of “SAPUI5 – The Comprehensive Guide” work on the team. Enquire via the contact page with the topic “Consulting”. **Is there training for FrontTailor?** Yes. The FrontTailor onboarding sets up the panel with your team – host profiles, a first team package, policies for IT – and practises on your own launchpad, in-house or remote. On top, CloudDNA runs hands-on workshops on SAPUI5, Fiori elements, OData, CAP and RAP. **Do I have to use FrontTailor to work with CloudDNA?** No. Workshops, consulting and development are available without FrontTailor. And FrontTailor needs no consulting contract – Community is free. **What do workshops and consulting cost?** It depends on format, duration and team size. That is why there are no fixed prices here; after a short conversation you get a quote. The prices of the FrontTailor editions are on the editions page. **Are the TailorCampus workshops available in English?** The workshops of TailorCampus, the campus of the Tailor family, are held in German. For CloudDNA’s hands-on workshops, coaching and consulting we agree the language in the first conversation. Your question isn’t here? Talk to me: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Get in touch](https://fronttailor.com/en/contact) --- # All sources · FrontTailor Source: https://fronttailor.com/en/sources > The source register of the FrontTailor website: every product statement, every number and every detail on books and vendor, with source and date checked. Manifesto ## Sources. “Blazing fast.” “Enterprise-ready.” “AI-powered.” – developer tools promise a lot and prove little. For a tool that looks inside Fiori apps instead of guessing, that would be embarrassing. So every statement on this website has a source: product statements point to the extension’s documentation as of version 1.0.0, the first stable release, with licence check and 7-day trial, documentation as of 10 November 2026, books and vendor to a link and a date. All siblings of the Tailor family share the habit. For us it means: including the number that speaks against us. ### Product - #### Name and trademark rules The name is “CloudDNA FrontTailor – Developer Tools for SAP Fiori® and UI5 apps”, FrontTailor for short. SAP trademarks are used only descriptively (“for SAP Fiori® and UI5 apps”, ® on first mention) and never as part of an own name, logo or domain. The trademark notice appears verbatim in the store text, the README and the licence view of the extension. FrontTailor product documentation, ADR-045 “Product name” · checked on 2026-11-09 - #### Browser extension for Chrome and Edge (Manifest V3) FrontTailor is a Manifest V3 extension for Chrome and Edge 137 or later (because of Ed25519 in WebCrypto for the licence check). It ships a DevTools panel, a side panel and a popup; user interface in German and English, SAP Horizon light and dark. FrontTailor product documentation, manifest (apps/extension/manifest.config.ts) and ADR-014 · checked on 2026-11-09 - #### Licence check on: 7-day trial, then Community Since version 1.0.0, the first stable release, the licence check is switched on. Every new installation gets all editions for 7 days, without a licence key. After that Community applies until a valid key is entered. A valid licence always wins. Administrators can switch the trial off with the policy trial: false. Version 0.1.0 was a beta without the licence check. FrontTailor product documentation, ADR-014 “Module registry and licence” · checked on 2026-11-10 - #### UI5 1.71 to 2.x, SAPUI5 and OpenUI5 One adapter encapsulates all UI5 API generations (core API up to 1.119, module API from 1.120 and 2.x). The E2E tests run against the CDN runtimes 1.71, 1.96, 1.108, 1.120, 1.136, 1.154 and 2.x. If an API is missing, the module is switched off instead of showing wrong data; the adapter never throws into the page. FrontTailor product documentation, ADR-002 “UI5 adapter” · checked on 2026-11-09 - #### System info without setup Once the domain is granted, FrontTailor shows UI5 version, theme, language, launchpad flavour, app, app type (freestyle, Fiori elements V2 or V4) and the data sources with backend type – copyable as Markdown, in DevTools panel, side panel and popup. FrontTailor product documentation, README and store text (docs/store-listing.md) · checked on 2026-11-09 - #### Traffic-light badge and host profiles The icon shows grey (no UI5), green (UI5 detected), yellow with an error count (errors in the UI5 log or requests with status 400 or above) and red (PROD profile). Host profiles have a name, colour and PROD flag; PROD enforced by the prodHosts policy cannot be switched off in the profile. Only scheme, host and path are stored, never query strings. FrontTailor product documentation, ADR-003 “Traffic light, session errors, profiles” · checked on 2026-11-09 - #### PROD lock in the background, fail closed Every route that changes something at runtime carries prodGuard: true. The background rejects it on PROD tabs with “Forbidden” before the request reaches the page; when in doubt, it locks. This covers property edit, replay, personalisation reset, cache reset, version override, fault simulation and local code, among others. FrontTailor product documentation, ADR-004 “Feature modules” · checked on 2026-11-09 - #### Control inspector with pick mode and “copy as” Control tree, properties, aggregations, associations, events, bindings, contexts and owner component – in the DevTools panel and the side panel, also in iframes and the launchpad. Pick mode with Alt+Shift+F, “copy as” ID, OPA5, wdi5, Playwright or XML (generated IDs never end up in a selector), live property editing with PROD lock, “store as variable” and links to the API reference of the running version and to about 110 pages of the Fiori design guidelines. Tree up to 20,000 nodes. FrontTailor product documentation, ADR-005 “Control inspector” · checked on 2026-11-09 - #### Model explorer with snapshot, diff and i18n lookup Reads JSONModel, ODataModel V2 and V4, ResourceModel, XMLModel and the device model – read-only, without network access of its own. Snapshot and before/after diff, i18n lookup with key, bundle and values per language, scan for missing keys on click. FrontTailor product documentation, ADR-006 “Model explorer” · checked on 2026-11-09 - #### Jump from the request to the control From an OData request or a metadata property, one click leads to the bound UI5 control – V2 and V4, freestyle, Fiori elements, launchpad and iframes. Measured at 0.5 to 4.0 ms per search. FrontTailor product documentation, ADR-010 “Jump to control” · checked on 2026-11-09 - #### Flex check and targeted personalisation reset Shows changes per layer (USER, CUSTOMER, VENDOR, PARTNER …), variant managements and key-user versions. Only the user’s own USER layer is reset – whole app, per control or per variant management – locked on PROD and with double confirmation. FrontTailor product documentation, ADR-011 “Flex personalisation” · checked on 2026-11-09 - #### App state bookmarks “Remember state” stores address, variant, filter values, tab or section and optionally up to 20 recorded steps; one click restores the state. Steps that could change data are not replayed on PROD. Community; team bookmarks via team sync are Team. FrontTailor product documentation, ADR-038 “App state bookmarks” · checked on 2026-11-09 - #### Developer comfort “Debug own code only” sets sap-ui-debug to the app’s namespaces, UI5 stays optimised. URL presets (Horizon dark, RTL, accessibility, preload off, logon language, client) in one click. “Open in editor” jumps to the line of the view in VS Code, Cursor, IntelliJ IDEA or WebStorm. Community. FrontTailor product documentation, ADR-039 “Developer comfort” · checked on 2026-11-09 - #### Cache reset, debug switches and command palette Cache reset per target (browser cache only for the tab’s domain, never cookies or passwords) with double confirmation and PROD lock; debug switches as URL parameters, the launchpad hash is kept; up to 20 URL profiles per host; command palette with Alt+Shift+K, favourites and the last ten commands. FrontTailor product documentation, ADR-008 “Tools: cache, debug, palette” · checked on 2026-11-09 - #### Test another UI5 version from the SAP CDN Redirects only the app’s UI5 files to ui5.sap.com or sdk.openui5.org in the chosen version, in exactly one tab; the app’s own code is untouched. Locked on PROD, switching off always works, the rules end with the tab. A strict page CSP can prevent the override. FrontTailor product documentation, ADR-012 “UI5 version override” · checked on 2026-11-09 - #### OData console for V2 and V4 Records the app’s OData requests and splits $batch (multipart and V4 JSON) into its parts. Errors become readable for Gateway V2, V4/RAP/CAP, ICF HTML and sap-message, with a link to the gateway error log (/IWFND/ERROR_LOG). Measured overhead about 0.2 ms per request. Export as cURL, .http, Postman and HAR without tokens; replay only after a preview, same-origin and locked on PROD; catalogue of 76 explained headers. The log stays local in IndexedDB and is deleted when the tab closes. Community. FrontTailor product documentation, ADR-007 “OData console” · checked on 2026-11-09 - #### Graphical metadata explorer Entity diagram for V2 and V4 with navigations and cardinality, path finder for a copyable $expand, live overlay of requests and errors, export as SVG, PNG and Mermaid – all local. 303 types with 1,200 edges laid out in 35 to 56 ms. FrontTailor product documentation, ADR-015 “Metadata explorer” · checked on 2026-11-09 - #### Saved filters and replay collections Filter variants as in Fiori, replay collections with addresses relative to the service (run on DEV, QAS and PROD, display only there), favourites in the command palette. Saved replays never contain tokens, cookies or authorization headers. FrontTailor product documentation, ADR-029 “Saved filters, replays, favourites” · checked on 2026-11-09 - #### OData fault simulation Rules per service, entity set, method and optionally $batch part answer with HTTP 400 to 599 including an SAP error text (V2/V4, innererror with transaction ID), delay, empty result, custom JSON, network error or expired CSRF token – once, N times or always. At most 30 rules per tab, banner in the page, “simulated” flag in the console, locked on PROD. Pro. FrontTailor product documentation, ADR-037 “Fault simulation” · checked on 2026-11-09 - #### Performance profiler with traffic light Measures TTFB, FCP, LCP, TTI (approximation), requests and sizes, component preload, async/manifest-first, library preload, theme cache, slow OData calls and long tasks, with traffic light and recommendation. The thresholds are FrontTailor rules of thumb, not SAP limits. No overhead before “start measurement”. The CPU deep profile runs through the separate, free extension “FrontTailor Profiler Companion” – only it holds the debugger permission. Pro. FrontTailor product documentation, ADR-016 “Performance profiler” · checked on 2026-11-09 - #### Performance budgets per app Seven metrics with default budgets: start time 3,000 ms, 80 requests, 2.5 MB transfer, largest app bundle 1 MB, 0 synchronous requests, 5 $batch, render time (LCP) 2,500 ms. Verdict at the top of the report, e.g. “2 budgets exceeded: start time +38 % since version 1.4.0”; history per metric, export and import as JSON. Pro; team budgets via team sync are Team. FrontTailor product documentation, ADR-044 “Performance budgets” · checked on 2026-11-09 - #### Own share of load-time overhead measured In the A/B comparison of the three demo apps, FrontTailor’s own code accounts for 0.7 %, 0.1 % and 1.0 % of load time. The total overhead with the required permissions is 10.9 %, 4.2 % and 1.6 % – in the freestyle app, 7 to 12 percentage points of it are Chromium itself as soon as webRequest and declarativeNetRequest are active. FrontTailor product documentation, ADR-009 “Quality assurance and release” · checked on 2026-11-09 - #### UI5 2.0 readiness check Watches the running app for APIs that are removed in UI5 2.x: sap.ui.getCore(), jQuery.sap.*, synchronous loading, global namespaces, deprecated controls, themes (e.g. sap_belize), libraries, manifest and bootstrap – each finding with file, line and column, replacement and a link to the SAP documentation. Score 100 minus 30 per blocker; with an open blocker at most 49. Adds what happens at runtime to the static UI5 linter. Check Community, migration report (Markdown/CSV, effort, comparison with the previous run) Pro. FrontTailor product documentation, ADR-027 “UI5 2.0 readiness” · checked on 2026-11-09 - #### Library analyzer Shows which UI5 libraries are loaded, where they come from and which controls come from libraries the manifest does not declare – with a copyable sap.ui5/dependencies proposal and a network view (preload versus single modules, synchronous loads, sizes). Analysis Community, export across all apps of the session Pro. FrontTailor product documentation, ADR-034 “Library analyzer” · checked on 2026-11-09 - #### i18n and accessibility check i18n: missing, unused or fallback-only keys, hard-coded texts, missing translations, placeholder mismatches. Accessibility per WCAG 2.2 (1.1.1, 1.3.1, 1.4.3, 3.3.2, 4.1.2), contrast at least 4.5:1 or 3:1, not rounded. Jump to the inspector, export as CSV or Markdown. It does not check keyboard operation and focus order. Pro; switching the language (including RTL and SAP pseudo languages) is Community. FrontTailor product documentation, ADR-033 “i18n and accessibility” · checked on 2026-11-09 - #### Fiori design guidelines validator Detects the floorplan (list report, worklist, object page, ALP, overview page, FCL, wizard and more) and checks the visible view with 32 rules, score per category (green from 90), improvement with example and dos & don’ts. The check makes no request. The rules were tested on the three demo apps, not on customer apps. Pro. FrontTailor product documentation, ADR-035 “Fiori guidelines validator” · checked on 2026-11-09 - #### Annotation explorer for Fiori elements Pick a control and see which annotations are in effect (e.g. UI.LineItem), which source they come from ($metadata, CAP, backend, local file) and which values are overridden. Plus manifest viewer and draft/ETag inspector. V2 only partly. Pro. FrontTailor product documentation, ADR-019 “Annotation explorer” · checked on 2026-11-09 - #### Scaffolding from the running app Generates page objects for OPA5, wdi5 and Playwright, journeys, a QUnit skeleton for the controller and mock data from recorded OData responses (V2 MockServer, V4 fe-mockserver), masked with the PII rules. 12 built-in and up to 200 own snippets; download as ZIP, generated locally. Pro. FrontTailor product documentation, ADR-020 “Scaffolding and snippets” · checked on 2026-11-09 - #### Shared recorder One recording (at most 200 steps, 10 minutes) becomes steps in the bug report (Pro), a Playwright, OPA5 or wdi5 journey (Pro) or a synthetic check (Enterprise). Typed values are not recorded by default. Recording is allowed on PROD, replaying as a check is not. The recorder itself is Community. FrontTailor product documentation, ADR-028 “Shared recorder” · checked on 2026-11-09 - #### Local code in the real launchpad An app’s resources come from your own dev server (ui5 serve, fiori run, BAS preview) in one tab – with the real tile, real roles and real backend data, without a deployment. Targets only localhost or HTTPS hosts the user confirmed; “local code active” banner; locked on PROD; the extension never runs the code itself. Pro. FrontTailor product documentation, ADR-036 “Local code in the launchpad” · checked on 2026-11-09 - #### Report a problem with a masked report Screenshot with rectangle, arrow and pixelate, click trail of the last 20 actions (never values or texts), failed requests, errors and system info. E-mail, phone, IBAN, long digit strings and name lists are masked before the preview; screenshots are not masked automatically. The extension sends nothing itself – clipboard, e-mail, file or ticket only after a preview and a click. Pro. FrontTailor product documentation, ADR-017 “Issue reporter” · checked on 2026-11-09 - #### Tickets in Jira, GitHub, GitLab, Azure DevOps and ServiceNow The default is the ticket system’s prefilled form in a new tab, without a token and without host access. In API mode the service worker creates the ticket after a preview that shows exactly what is sent. Tokens are never kept in any storage area, at most in memory. Jira, GitHub, GitLab and Azure DevOps are Pro, ServiceNow is Enterprise. FrontTailor product documentation, ADR-031 “Ticket integrations” · checked on 2026-11-09 - #### Known errors with the fix at the error A fix is stored once as a pattern (message class and number, HTTP status, gateway code, text, app, service, authorization object) and appears as “known” right in the OData console, UI5 log, health, authorization diagnosis and bug report. Patterns containing personal data are rejected. Own entries Community, team entries Team. FrontTailor product documentation, ADR-040 “Known errors” · checked on 2026-11-09 - #### AI assistant with your own key Providers: Anthropic, Azure OpenAI, SAP AI Core (orchestration), OpenAI-compatible (e.g. Ollama, LiteLLM), Google Gemini and Mistral – several of them tested only against mocks so far. 35 use cases, such as explaining an error, writing a wdi5 test, a code review of the running app or performance tips. Before every send the preview shows endpoint, headers (redacted), system prompt and full content; nothing is sent until you click, straight to the provider. Answers are suggestions and are never applied automatically. Endpoints only via HTTPS (HTTP only for localhost). Pro. FrontTailor product documentation, ADR-018 “AI assistant (BYOK)” · checked on 2026-11-09 - #### AI key only local and encrypted If you choose, FrontTailor stores your own AI key encrypted (AES-GCM-256 with a non-exportable WebCrypto key) in chrome.storage.local – never in sync, never in exports, team packages, reports or logs. This does not protect against someone with access to the whole browser profile. With the policy ai.persistKeys: false, keys stay in memory only. There is no CloudDNA AI proxy. FrontTailor product documentation, ADR-018 “AI assistant (BYOK), addendum” · checked on 2026-11-09 - #### Masking of personal data before sending E-mail addresses, phone numbers, IBANs and long digit strings are masked before every AI request. Masking is on by default and can be enforced with the aiRequirePiiMasking policy; companies can switch the assistant off (modules.ai) or prescribe provider and endpoint. FrontTailor product documentation, store text (docs/store-listing.md) and ADR-018 · checked on 2026-11-09 - #### Launchpad inspector Pick a tile and see app ID, semantic object and action, target mapping, space, page, catalogue, resolution and plugins without opening the app. Detects sandbox, ABAP FLP, cFLP and Work Zone (standard/advanced derived from the address). Users are masked, export as JSON or Markdown, read-only. Enterprise. FrontTailor product documentation, ADR-022 “Launchpad inspector” · checked on 2026-11-09 - #### Authorization diagnosis and tile check chain Reads 401/403 and authorization errors from the OData console, recognises authorization objects (S_SERVICE, S_START …), field/value pairs and gateway codes and links to SU53, /IWFND/ERROR_LOG, /IWFND/MAINT_SERVICE and SICF. Check chain for “tile missing”: launchpad, catalogue, role, target mapping, start authorization, tile, OData service – role and start authorization only with the backend service. User IDs masked. Enterprise. FrontTailor product documentation, ADR-025 “Authorization diagnosis” · checked on 2026-11-09 - #### Optional backend service (ABAP add-on) A read-only ABAP add-on (RAP, OData V4) answers the role and start authorization stages, optionally for another user (authorization object required, every simulation logged in SLG1). For S/4HANA on-premise and private cloud. Off by default; the ABAP code has not yet been tested on a real SAP system. Enterprise. FrontTailor product documentation, ADR-032 “Backend service and role simulator” · checked on 2026-11-09 - #### Health and synthetic check Status bar from the existing OData log, without a request of its own: median and p95 of the last 50 requests, error rate, 401/403, CSRF problems, estimated session time left (FrontTailor reads no cookies). A recorded click path can be replayed as a synthetic check – locked on PROD. Enterprise. FrontTailor product documentation, ADR-023 “Health monitoring” · checked on 2026-11-09 - #### Deployment check and cache-buster check Compares the running app version with a freshly loaded manifest.json (up to five components) and the UI5 version, shows stale ~token~ paths and gives the verdict “newer version deployed – clear cache and reload”. Requests only after a click, same-origin, without cache; results only in memory. Community. FrontTailor product documentation, ADR-024 “Deployment check and cache buster” · checked on 2026-11-09 - #### System comparison DEV/QA/PROD Snapshots of one app per system from metadata only – app and UI5 version, libraries, cache buster, flex changes, $metadata structure and hash, manifest excerpt, target mapping – and a diff: “why does it work on QA but not on PROD?”. No business data, no users, no background crawling. Enterprise. FrontTailor product documentation, ADR-030 “System comparison” · checked on 2026-11-09 - #### Release check after transport Checks an expected version against all systems from the host profiles: traffic light per system for manifest version, cache buster, sap-ui-cachebuster-info.json, component preload, stale resources and UI5 app index, with the next step for every red finding (e.g. /UI5/APP_INDEX_CALCULATE, /UI2/INVALIDATE_GLOBAL_CACHES). FrontTailor runs no reports. According to SAP the app index interface is not meant for public use. Enterprise. FrontTailor product documentation, ADR-042 “Release check after transport” · checked on 2026-11-09 - #### Morning check across several apps A list of at most 30 apps is opened one after another in background tabs on click. Traffic light: red for an HTTP error, load error, missing UI5, timeout or start time of 15 s or more; yellow from 5 s, for a clear slowdown, UI5 errors or failed requests. Comparison with the last run (“yesterday 1.2 s, today 3.4 s”), export as Markdown, CSV or HTML. No background monitoring; recorded steps are locked on PROD. Enterprise. FrontTailor product documentation, ADR-043 “Morning check” · checked on 2026-11-09 - #### Jump to the backend and SAP incident For a failed request, links into SAP GUI for HTML on the same system: /IWFND/ERROR_LOG, /IWBEP/ERROR_LOG, ST22, SM21, SU53, SU01, STAUTHTRACE, ST05, SAT – with transaction ID and time window to copy; for CAP/BTP, hints on cds watch, cf logs and Cloud Logging. The jump makes no request (Enterprise). The prepared SAP incident with the component from sap.app.ach, steps and request IDs is masked and not sent to SAP (Pro). FrontTailor product documentation, ADR-041 “Backend jump and SAP incident” · checked on 2026-11-09 - #### Team sync without a server A team package is a JSON file with host profiles, URL profiles, OData filters, replays, snippets, PII rules, favourites, budgets and known errors – shared by file, clipboard or a subscribed HTTPS address. Nothing is applied automatically: the user sees a diff and confirms. Optionally signed with Ed25519, enforceable by policy. No CloudDNA backend. Team. FrontTailor product documentation, ADR-021 “Team sync” · checked on 2026-11-09 - #### Four editions and their modules Community < Pro < Team < Enterprise, each edition includes those below. Community: overview, inspector, models, OData, tools and the remaining base modules. Pro: profiler, annotation explorer, scaffolding, AI assistant, issue reporter, i18n/accessibility, guidelines, local code, fault simulation. Team: team sync and team entries. Enterprise: launchpad inspector, health, morning check, authorization diagnosis, system comparison, release check, backend service, backend jump, ServiceNow, admin policies, sideloading. Locked modules stay visible with a lock. FrontTailor product documentation, KONZEPT.md, section business model, and ADR-014 · checked on 2026-11-09 - #### Licence checked offline, key only local The licence is a JWT signed with Ed25519 and is checked offline only, without a network call. The licence key is kept only in chrome.storage.local, never in sync. Three days of grace after expiry, a warning 30 days before. Administrators can set the key for all users of a browser with the licenseKey policy. FrontTailor product documentation, ADR-014 “Module registry and licence” · checked on 2026-11-09 - #### Community edition under Apache 2.0 The community edition is licensed under the Apache License 2.0. FrontTailor product documentation, README, section licence · checked on 2026-11-09 - #### Permissions according to the manifest Required: storage, scripting, activeTab, sidePanel, webRequest, alarms, declarativeNetRequestWithHostAccess. Optional: browsingData (only at the first browser cache reset) and host access to https://*/* and http://*/* (only after granting per domain). Not: debugger – only the separate Profiler Companion holds it. Every further permission needs its own ADR. FrontTailor product documentation, manifest (apps/extension/manifest.config.ts) and store text · checked on 2026-11-09 - #### Access only after granting per domain A small content script only checks on each page whether UI5 markers are in the DOM, for at most 10 seconds; it reads no content, sends nothing and injects nothing. FrontTailor gets access to an app only after the user confirms “Activate FrontTailor for ?”. Chrome still shows the warning “Read and change all your data on all websites” at install, because the content script runs on all pages. Only the page script touches UI5, exclusively through the adapter. FrontTailor product documentation, ADR-001 “Layered model and messaging” · checked on 2026-11-09 - #### No data to CloudDNA FrontTailor works locally in the browser, collects no personal data and transmits nothing to CloudDNA. The exceptions are the AI assistant and the hand-over to a ticket system: both send only after a full preview and a click, only to the service the user or their employer set up. No telemetry, no analytics, no advertising, no account. FrontTailor product documentation, privacy policy of the extension (docs/datenschutz.md) · checked on 2026-11-09 - #### Admin policies via managed storage Via chrome.storage.managed (group policy, Intune, Jamf), companies control: allowedHosts, prodHosts, individual modules off (27 switches), aiEndpoint, aiProvider, aiAllowedProviders, aiRequirePiiMasking, ai.persistKeys, licenseKey, trial, teamSync (packages, trusted keys, signature requirement, interval), issueReporter (targets, mandatory masking), ticketTargets and allowedTicketHosts. Policies take effect without a reload. FrontTailor product documentation, policy schema (apps/extension/public/managed-schema.json) and ADR-013 · checked on 2026-11-09 - #### Supply chain: no remote code, SBOM, reproducible Release check: no remote code, no eval, no source maps, CSP without unsafe-eval and unsafe-inline, every permission justified. Reproducible build (SHA-256 comparison), CodeQL and pnpm audit in the pipeline. Every release ships a ZIP, a signed CRX and a CycloneDX SBOM. FrontTailor product documentation, ADR-009 and README, section release · checked on 2026-11-09 - #### Firefox build prepared The same sources produce a Firefox build for Firefox 140 or later, with a sidebar instead of the side panel and without the deep profile. Submission to Firefox Add-ons is still pending. FrontTailor product documentation, ADR-026 “Firefox build” · checked on 2026-11-09 - #### Images with made-up data All screenshots and videos show the three demo apps from the repo: an OpenUI5 freestyle app with an OData V2 mock server, a CAP app with Fiori elements V4 and a launchpad sandbox. All data in them is made up. FrontTailor product documentation, README, demo apps · checked on 2026-11-09 ### Vendor - #### Edition prices Community free. Pro and Team monthly or annually, per user, bought directly on this website; the amounts come from the catalogue of the Tailor platform. Enterprise from €39 per user and month, minimum 25 users, or an annual licence per system, on request. All prices net plus VAT. Decision of the CloudDNA product owner of 9 November 2026 · checked on 2026-11-09 - #### 16 titles by Martin Koch at SAP PRESS The publisher’s search lists 16 titles with Martin Koch as an author, some as German and English editions of the same work: SAP Cloud Integration Cookbook (with Thorsten Reisinger and Marc Urschick); Cloud Connector für SAP / Cloud Connector for SAP, SAP Business Technology Platform – Sicherheit und Berechtigungen / Security and Authorizations for SAP Business Technology Platform, SAP Business Technology Platform – Administration / Configuring SAP Business Technology Platform (each with Siegfried Zeilinger); Git und SAP, Fullstack-Entwicklung mit SAP / Full Stack Development with SAP, SAP Fiori Elements (German and English), SAPUI5 – The Comprehensive Guide (each with Rene Glavanovits, Daniel Krancz and Maximilian Olzinger); SAP Build (with Rene Glavanovits, Gernot Haider and Daniel Krancz); Apps entwickeln mit SAP Build Apps (with Daniel Krancz); SAP Mobile Services (with Gernot Haider and Daniel Krancz). [Rheinwerk Verlag (SAP PRESS), search “martin koch”](https://www.rheinwerk-verlag.de/suche/?suchbegriff=martin+koch) · checked on 2026-11-05 - #### CloudDNA GmbH – SAP Silver Partner CloudDNA describes itself as an SAP BTP partner from Austria for the DACH region and an SAP Silver Partner; it supports SAP projects in Austria, Germany and Switzerland, in industry, retail and the public sector. Focus areas according to its website: integration, architecture and clean core, Fiori and UX, full-stack development with ABAP RAP and CAP, agility and DevOps, and training. Martin Koch is listed there as founder & managing director and SAP Champion. [clouddna.at, start page and team](https://www.clouddna.at/) · checked on 2026-11-05 - #### CloudDNA: SAP Fiori UX strategy & design UX governance, SAPUI5 architecture and launchpad: Fiori elements as the default, freestyle only when needed; “performance by design” with load-time budgets, OData discipline, lazy loading and measuring methods; launchpad with spaces/pages, navigation, tile and audience logic and operating setup; Fiori audit with performance and consistency quick wins; Fiori elements coaching and freestyle UI5 engineering; clean core with side-by-side extensibility, no modifications to the standard; CAP or ABAP RAP as the service layer; fixed-price quickstart workshop. Expertise in list report, object page, worklist, overview page and analytical list page with OData V2 and V4. According to the FAQ, 2–4 sprints for a first Fiori feature including design and implementation, 3–6 months for a rollout. [clouddna.at, Fiori UX](https://www.clouddna.at/sap-fiori-ux-strategie-design-clouddna/) · checked on 2026-11-09 - #### CloudDNA: training and courses Hands-on training, in-house workshops and coaching, and MasterCLASS learning paths, in-house or remote, tailored to roles, goals and tech stack; six technology tracks (SAPUI5, ABAP RAP, BTP, Integration Suite, security, CAP); according to the website more than 80 workshops and courses delivered. Track “SAP BTP architecture & services”: account model, subaccounts, destinations, BAS, Work Zone; track “SAP BTP security”: OAuth, IAS/IPS, XSUAA, roles and authorizations. Preparation for BTP certifications, without official exams of its own. [clouddna.at, training](https://www.clouddna.at/sap-training-workshops-engineering/) · checked on 2026-11-09 - #### CloudDNA: workshop catalogue 2026 Nine workshop courses, 2–5 days, hands-on, remote and on site in the DACH region, led by SAP engineers; among them HOUI5 “SAP Fiori freestyle applications with SAPUI5”, HOFIO “SAP Fiori Elements – productive fast with low-code”, HODAT “the OData protocol in SAP”, HOCAP “SAP Cloud Application Programming Model” and HORAP “backend development with the ABAP RESTful Application Programming Model”. Formats: hands-on training 2–3 days, scenario workshop 2–5 days, MasterCLASS 4–8 weeks with role paths, homework, office hours and review gates, ongoing architecture coaching. Ideally 4–8 participants. Cost by format, duration and team size on request. [clouddna.at, SAP workshops](https://www.clouddna.at/sap-workshops/) · checked on 2026-11-09 - #### CloudDNA: expert team Competences: ABAP and ABAP Cloud, RAP and CAP, Integration Suite and API engineering, Fiori elements and SAPUI5, DevOps and CI/CD. “SAP full stack engineering”: ABAP/ABAP Cloud, OData, RAP plus Fiori elements and SAPUI5 up to the launchpad rollout; “cloud & BTP architecture”: CAP, security/IAS, connectivity, with governance. Architecture Readiness in 90 minutes. The team includes Martin Koch (founder & managing director, SAP Champion), Daniel Krancz (general manager), Rene Glavanovits (team lead SAP innovation & cloud) and Maximilian Olzinger (team lead SAP full stack development) – the authors of the SAP PRESS books on SAPUI5, Fiori elements and full-stack development. [clouddna.at, expert team](https://www.clouddna.at/expertenteam/) · checked on 2026-11-09 - #### CloudDNA: agility and DevOps in SAP SAP CI/CD and transport strategy: pipeline, test strategy, transport and branching model and quality gates; automated builds, tests and deployments with gCTS, ABAP Git and SAP Cloud Transport Management; CTS+, gCTS or hybrid models; ABAP Unit and ATC as quality gates; starting with a DevOps assessment, step by step instead of big bang. [clouddna.at, agility & DevOps](https://www.clouddna.at/agilitaet-im-sap-umfeld-von-mindset-bis-devops/) · checked on 2026-11-09 - #### TailorCampus: workshops D6, D7, B8 and the “Mittelstand mit SAP” learning path D6 “KI im SAP-Umfeld” (AI in the SAP landscape): half a day, for SAP owners, key users and IT, advanced; Joule and embedded AI, AI services on SAP BTP, clean core, integration with Copilot and ChatGPT, use cases in finance, purchasing, logistics; result an SAP AI map. D7 “Prompt- und Agent-Engineering”: half a day, for power users and AI champions; result a tested agent with a test set. B8 “KI im Mittelstand mit SAP”: industry workshop, three hours, for key users, business departments and management; account assignment proposal, request for quotation, material short texts, variance comment, key-user guide. Learning path “Mittelstand mit SAP”: B8, F3, D6, D2, about 6 weeks. Workshops in German. [TailorCampus, programme and industry workshops (CloudDNA website, before launch)](https://www.tailorcampus.com/programm/d6-ki-im-sap-umfeld) · checked on 2026-11-09 --- # Privacy policy · FrontTailor Source: https://fronttailor.com/en/privacy > Privacy policy for the FrontTailor website and browser extension: no cookies, no trackers, purchases via Stripe, and the extension sends nothing to us. ## Privacy policy In short: this website sets no cookies, loads nothing from third-party servers and uses no trackers. We only receive data if you write to us or buy something. The browser extension FrontTailor works locally and sends nothing to us – its privacy policy is in section 5. Sections 1–4 and 6–7 are a translation for convenience; the German version is legally binding. Section 5 is an English translation of the extension’s privacy policy. ### 1. Controller CloudDNA GmbH, Untere Hauptstraße 23, 7410 Loipersdorf, Austria Managing director: Martin Koch · Phone: [+43 664 1964199](tel:+436641964199) · E-mail: [office@clouddna.at](mailto:office@clouddna.at) We are not obliged to appoint a data protection officer. For all data protection questions, you can reach us at the e-mail address above. ### 2. Visiting the website When you visit the website, our hosting provider processes technically necessary data (IP address, time, page requested, browser identifier) in server logs in order to deliver the page and protect it against attacks. The legal basis is our legitimate interest in secure operation (Art. 6(1)(f) GDPR). The logs are deleted automatically after a short time. Hosting: Vercel Inc., 440 N Barranca Ave #4133, Covina, CA 91723, USA. Delivery preferably from the Frankfurt (fra1) region. Where data may reach the USA, we rely on: EU-U.S. Data Privacy Framework (adequacy decision of the European Commission of 10 July 2023) and standard contractual clauses. ### 3. No cookies, no trackers, videos from our own server We set no cookies. We access your device only where strictly necessary for a function you have chosen (§ 165(3) TKG 2021, § 25(2) TDDDG). Fonts, scripts, images and videos are on our own server; no content is loaded from video or social media platforms or analytics services. Your browser only loads a video when you click play. Your browser stores the light/dark choice only for the current visit (sessionStorage); it is not transmitted to us. ### 4. Requests via the form and by e-mail If you write to us via the form or by e-mail, we process your details (name, company, e-mail, subject of your request, role, environment, message and – if you came via a link with a campaign code – that code from the address bar, so that we know what you are responding to) in order to reply to you and, where applicable, prepare a quote. The legal basis is taking steps prior to entering into a contract (Art. 6(1)(b) GDPR) or our legitimate interest in answering enquiries (point (f)). We create the request as a contact in our CRM (the Tailor-Plattform of CloudDNA) and handle it there; we run the platform with the processors named in the section “Purchases on this website”. In the “Thank you” window after submitting, we display your first name and e-mail address only in your browser – nothing is stored or transmitted to third parties for this. We keep the request until it has been dealt with, and beyond that only where statutory retention obligations apply or a contractual relationship results from it. Please do not send us tokens, cookies, passwords or HAR files with real sessions. We will not send you a newsletter unless you expressly subscribe to one. ### Purchases on this website When you click “Continue to payment”, this website only sends the chosen offer, the quantity, the language and, where applicable, where the click came from (for example “extension”) to the sales platform of CloudDNA GmbH (Tailor platform). The platform uses this to open a payment session with Stripe and sends you there. After payment it creates the invoice and the licence and sends you the licence key by e-mail. We run the platform with these processors: Vercel Inc., USA (hosting, data centre in Frankfurt am Main), Supabase Inc., San Francisco, USA (database, data centre in Frankfurt am Main) and Microsoft Ireland Operations Limited, Dublin, Ireland (e-mail delivery via Microsoft 365). Where data may reach the USA, we rely on the EU-U.S. Data Privacy Framework or on standard contractual clauses. You enter your payment details directly with Stripe; neither this website nor CloudDNA GmbH sees them. Payments are processed by Stripe Payments Europe, Limited, 1 Grand Canal Street Lower, Dublin 2, Ireland; Stripe is itself the controller for payment processing and fraud prevention (Stripe’s privacy policy: stripe.com/privacy). After payment, Stripe sends us your name, e-mail address, billing address, company, your VAT ID where applicable and the payment status. We use these details for the invoice, the licence, sending the licence key and looking after your subscription. The browser extension FrontTailor checks the licence key offline in your browser. It sends nothing to us or to the platform for this; there is no licence server. After payment, the thank-you page checks the status of your purchase and only shows a shortened e-mail address (for example a…@firma.at). No cookies are set for this. If you cancel via “Cancel contracts here”, this website sends your details (name, e-mail address, contract reference, type and, where applicable, reason for the cancellation, requested end of contract) to the platform. The platform uses them to find your subscription at Stripe, sends you the confirmation of receipt by e-mail and us a copy for processing. About 30 days before a yearly subscription renews, we remind you by e-mail of the renewal and the cancellation deadline; for this we use your e-mail address and the details of your subscription. The legal bases are the performance of the contract (Art. 6(1)(b) GDPR), our legal obligations, in particular keeping invoices (point c), and our legitimate interest in preventing misuse and enforcing claims (point f). Without the details entered in the checkout we cannot conclude the contract. We keep customer data for the duration of the subscription; invoices and accounting records are kept for seven years (§ 132 Austrian Federal Fiscal Code). ### 5. Browser extension FrontTailor This section is the privacy policy of the browser extension FrontTailor (“CloudDNA FrontTailor – Developer Tools for SAP Fiori® and UI5 apps”) for Chrome and Microsoft Edge. It renders the text from the extension’s documentation and is the address given as the privacy policy in the Chrome Web Store. In short: FrontTailor works locally, collects no personal data and transmits nothing to CloudDNA; the AI assistant and the hand-over to a ticket system send only after a preview and your click, to the service you or your employer set up. #### 1. Controller CloudDNA GmbH, Untere Hauptstraße 23, 7410 Loipersdorf, Austria Email: [office@clouddna.at](mailto:office@clouddna.at) #### 2. What this is about This policy applies to the browser extension "CloudDNA FrontTailor – Developer Tools for SAP Fiori® and UI5 apps" (Community Edition) for Google Chrome and Microsoft Edge. It does not apply to websites or SAP applications that you open with the extension. Their operators are responsible for those. #### 3. Summary - FrontTailor works locally in your browser. - FrontTailor does not collect any personal data and does not transfer any data to CloudDNA. - The exceptions are the AI assistant, if you set it up yourself (section 8), and the handover to a ticket system such as Jira or ServiceNow (section 7a). Both send the content, which you see in full beforehand, only when you click, and only to the service that you or your employer have set up, never to CloudDNA. - There is no telemetry, no analytics tools, no advertising and no account. #### 4. Data the extension processes locally For its features to work, FrontTailor processes the following on your device: Data | Purpose | Storage location | Retention Characteristics of the page indicating whether SAP UI5 is present (DOM characteristics) | Detecting UI5 applications | in memory only | until the page is closed Address (URL) of the page and its frames, UI5 version, connection status | Assigning the tools to the tab | chrome.storage.session | until the browser is closed Error messages from the UI5 log and failed requests (scheme, host and path only, without parameters) | Error indicator on the icon | chrome.storage.session | until the browser is closed or until the page is reloaded Host profiles you create (host name, name, colour, PROD flag), theme setting | Your settings | chrome.storage.local | until you delete them or remove the extension Information from the UI5 application (e.g. version, app ID, data sources, controls, models) | Display in the DevTools panel, side panel and popup | in memory only | as long as the view is open OData requests of the app on approved domains (URL including parameters, headers without cookies, tokens and credentials, bodies up to 1 MB, status, timing) | OData console: display, error analysis, export, replay | the extension's IndexedDB, local only | until "Clear", until the page is reloaded (except with "Keep log"), until the tab is closed or until the browser is restarted; at most 2,000 requests or 50 MB per tab Launchpad view: tiles, intents, target mappings, spaces, catalogs, plugins, system profile; the FLP user only in masked form (initials and domain of the email address) | Launchpad Inspector: display and export | in memory only | as long as the view is open Recording from the shared recording bar (Issues, Health, Scaffolding): type of action, control ID, view-local ID, control type, binding path, displayed i18n text, hash and route without parameters, time offset; at most 200 steps and 10 minutes. Entered text and search terms only with your approval for this recording, then masked with the Issue Reporter's PII rules (including the mandatory rules of the policy) | Steps of a bug report, journey test, synthetic check | in the panel's memory; only if you choose "Save", under a name in chrome.storage.local (per origin, at most 20); as a JSON file only if you export | until the view is closed or until you delete the saved recording; can be switched off by policy (modules.recorder) Results of the synthetic check (status and load time per step) | Health & Monitoring | in the panel's memory only | until the view is closed Licence key you enter, together with a pending renewal (licensee, customer, edition, service period, validity, number of users, licensed SAP systems, launchpad users only as SHA-256 hash or domain, licence ID, signature) | Unlocking the Pro, Team or Enterprise modules; the check runs offline, the key is not sent anywhere | chrome.storage.local | until you remove the licence or remove the extension User signed in to the launchpad per SAP system: only the SHA-256 hash of the email address and its domain, never the address itself (at most 50 systems) | Checking whether a user-bound licence applies to you | chrome.storage.local | until you remove the licence or remove the extension Start of the trial period (time of installation) | 7-day trial period with all modules | chrome.storage.local | until you remove the extension OData console settings (pause, "Keep log" per tab; domains on which you have switched off recording) | Your settings | chrome.storage.session or chrome.storage.local | until the browser is closed or until you change them Saved filters of the OData console (name, status, service, search text, method; default filter per origin of the page) | Your filter variants | chrome.storage.local | until you delete them or remove the extension Replay collections of the OData console: requests you save (name, collection, method, service path, URL, headers and body). Before saving, FrontTailor removes Authorization, cookies, CSRF tokens, headers with credentials in the body and secret URL parameters. The body may contain business data or personal data from your SAP system. | Re-running requests, exporting as a file | chrome.storage.local; an export as a file in your Downloads folder | until you delete them or remove the extension "Open in editor": selected editor and your path mapping namespace → local folder (at most 30). Local folder paths may contain your user name. Never in chrome.storage.sync, never in exports or team packages | Links to your editor | chrome.storage.local | until you change them or remove the extension Command palette favourites and the 10 most recently run commands (command ID, time) | Order of the palette | chrome.storage.local | until you change them or remove the extension Known errors that you save or adopt via Team Sync: patterns (message class and number, HTTP status, gateway code, text and console patterns, app ID, service, entity set, authorisation object), title, solution, links, ticket, ticket template, responsibility, "last confirmed" date (knowledge.entries.v1, at most 1,000). A pattern containing personal data (a match of the masking rules of "Report a problem", the built-in rules always) is not saved; pre-filled patterns are already masked. In addition, per entry, the number of matches and the "last seen" time (knowledge.hits.v1). Matching runs only in the panel; nothing runs in the page for this | Showing the solution next to the error, export as a JSON file | chrome.storage.local; an export as a file in your Downloads folder | until you delete them or remove the extension; can be switched off by policy (modules.knowledge) UI5 version override: tab, host, selected version, source and target path of the redirect; host permissions requested only for the override (e.g. https://ui5.sap.com/*) | Redirecting the UI5 resources in the tab, returning the permission later | chrome.storage.session or chrome.storage.local | until it is switched off, the tab is closed or the browser is restarted; the list of permissions until they are returned Local code: mappings per system host (app ID, resource root on the system, address of the dev server, exceptions), confirmed dev hosts; active redirect per tab with rule IDs | Redirecting a tab's app resources to your own dev server | Mappings and dev hosts in chrome.storage.local, active redirect in chrome.storage.session | Mappings until deleted in the "Local code" tab; active redirect until it is switched off, the tab is closed or the browser is restarted Performance measurements you start (origin and path of the page without query string, load and render times, number and size of requests, addresses of the largest and slowest resources without query string, names of entity sets, app IDs; for the deep profile via the Profiler Companion, function names and script addresses without query string with CPU time, as well as number and size of requests per type) | Performance report, comparison, export, budget history | chrome.storage.local | per app the last 10 measurements and one per older app version (at most 60 per origin, 100 in total), until you delete them or remove the extension Performance budgets per app (app ID, thresholds, your note) | Checking every measurement, export/import as JSON, sharing via Team Sync | chrome.storage.local | until you reset the budget or remove the extension UI5 2.0 readiness check: per origin and app (sap.app/id or page path) one summary per run with time, UI5 version and, per finding, only rule, category, severity and count – no file paths, control IDs or app data | Comparison with the previous run in the migration report | chrome.storage.local | the last 10 runs per app (at most 50 origins), until you remove the extension Library analysis, only after you click "Analyse": per tab, the latest analysis per app with time, page address without query string and fragment, UI5 version, names and versions of the libraries, findings with class names and up to five control IDs and view names per class, per library a network summary from Resource Timing (type, count, hosts, size and duration of the UI5 requests, up to five module paths under resources/, without query string) – no app data. From the moment the tab is opened, the page itself holds the addresses and times of its UI5 requests in memory (at most 3,000) until the page reloads | Export across all apps of the session (Pro) | chrome.storage.session | at most 30 analyses per tab and 5 tabs, until the tab is closed or the browser is restarted; can be switched off by policy (modules.libraries) "Report a problem": click trail of the last 20 actions per tab (control type, control ID, type of action such as click, change or navigation, time, route without parameters); never entered values | Context for a bug report | chrome.storage.session | until "Clear click trail", until the tab is closed or until the browser is restarted; can be switched off in the panel and by policy (modules.issues) "Report a problem": screenshot of the visible tab area including annotations, title and description of the report | Bug report | in memory only | until you discard the report, close the view or a new report is started Settings of "Report a problem" (masking rules including name list and custom patterns, target, templates, GitHub repository, email recipients, selected sections) | Your settings | chrome.storage.local | until you change them or remove the extension Ticket targets you create (name, system, base URL, project, issue type, labels, field mapping, mode, sign-in method; without token or password), last selected ticket target | Your settings | chrome.storage.local | until you change them or remove the extension Token, password and user for a ticket system, only if you choose "Remember while FrontTailor is active" | Signing in to the ticket system without entering them again | only in the memory of the extension's service worker, in none of the extension's storage areas | until "Forget", until the ticket system rejects the token, until you remove the target or until Chrome terminates the service worker (after a short period of inactivity or when the browser restarts) AI assistant: provider, endpoint, model, deployment, resource group (without key) | Your settings | chrome.storage.local | until you change them or remove the extension AI assistant: API key or client ID and client secret | Signing in to the AI provider | with "Save on this device" (default): encrypted (AES-GCM) in chrome.storage.local, the decryption key in the extension's IndexedDB, both in the browser profile of this device; without the tick, or if your employer prohibits it by policy: only in the service worker's memory. Never in chrome.storage.sync (no synchronisation via your Google account), never in exports, team packages or bug reports | saved: until "Forget key" or until you remove the extension; in memory only: until the service worker is terminated (after a short period of inactivity) AI assistant: time the key was saved and last used | "Last used" display | chrome.storage.local, next to the encrypted key | same as the key AI assistant: for SAP AI Core, the access token | Signing in to the AI provider | only in the service worker's memory, never stored | until it expires, "Forget key" or until the service worker is terminated AI assistant: conversation history, context chips, preview | Display in the panel | in memory only | until "New conversation" or until the panel is closed; a preview for at most 15 minutes Team Sync: subscribed package URLs (without credentials), the most recently fetched or imported team package, which entries come from which package, rejected changes, the team library; OData filters, replay requests (without credentials), palette favourites and known errors from a package end up with your saved filters, replay collections, favourites and known errors, performance budgets with the profiler's budgets, snippets in the snippet library, PII rules with the masking rules of "Report a problem" | Shared settings of your team | chrome.storage.local | until you remove the source or remove the extension System comparison, snapshots you take: app ID, title, app, component and UI5 version, loaded libraries, theme, language, cache buster tokens (paths without query string), flex changes as a count and change ID (without content), per OData service the URI, SHA-256 hash and structure of the $metadata (types, properties, navigations; without labels), extract of the manifest.json, launchpad intent with parameter names (without values) and target mapping, page path without query string, host with host profile and PROD flag; no business data, users or credentials | Comparing two systems, export as Markdown or JSON | chrome.storage.local | at most 10 per app and host (100 in total), until you delete them or remove the extension Release check after transport, runs you start: app ID, title, expected version and its source, per system the host with host profile and PROD flag, delivered version, result (traffic light) per check with versions, timestamps and paths without query string, next steps, times; no response texts, business data, users or credentials | History and export as Markdown or CSV | chrome.storage.local | at most 10 runs per app (50 apps in total), until you delete them or remove the extension Backend service: per SAP host only the "Use backend service" switch and an alternative service path | Your setting | chrome.storage.local | until you switch it off or remove the extension Backend service: responses from the SAP system (your user name, client, system, names of your PFCG roles; in the "Roles" tab also roles, catalogs, spaces and intents of another user whom you enter; result of the start authorisation) | Display in the "Roles" tab, tile check chain, session tile | the panel's memory; the state of the service for at most 5 minutes in the service worker's memory; the CSRF token only in the service worker's memory | until the view is closed or until the service worker is terminated App state bookmarks that you create with "Remember state": name, origin of the system, path with hash without sensitive URL parameters, app ID and title, filter values and variant, selected tab or section, optionally the last recorded steps (values already masked in the recorder) | Restoring the state; masked display with your PII rules | chrome.storage.local (bookmarks.v1), never in sync | until you delete the bookmark or remove the extension; in a team package that you export, only in masked form Fiori design guidelines check: floorplan, score and findings with control IDs, control types and texts of the app (e.g. button texts, page titles) | "Fiori Guidelines" tab: display, export | only in the memory of the page and the panel | until the page is reloaded or until the view is closed Fault simulation: your rules (service, entity set, method, effect, error text, custom JSON) and their hit count | "Fault simulation" tab, responses in the page | chrome.storage.session, per tab; in the page only the marker fioritailor.faults.active=1 in sessionStorage | until the tab or the browser is closed; the marker until it is switched off i18n and accessibility check: findings with control IDs, control types, texts and keys of the app, colour values and the language files you have loaded | "Quality" tab: display, export | only in the memory of the page and the panel | until the page is reloaded or until the view is closed Jump to the backend and SAP incident: transaction ID, time, correlation ID, SAP user, client and error text of the failed request; application component of the app; incident text with your input (masked) | Links into the SAP system, search values, incident text | only in the panel's memory; clipboard or download only when you click | until the view is closed Morning check, checklists: name, launchpad URL, apps as intent or URL (without user and password), optionally the click steps of a saved recording (control IDs and types, hash), thresholds and reminder time | Morning check when you click, Team Sync section "Morning check lists" | chrome.storage.local | until you delete the list or remove the extension; at most 20 lists with 30 apps each Morning check, results per run: per app the URL, HTTP status, start time, UI5 version, host profile and PROD flag, up to 5 messages from the UI5 log (may contain texts of the app) and up to 10 failed requests as method, address without query string and status, result of the steps | Report with traffic light and comparison with the last run; export as Markdown, CSV or HTML and handover to "Report a problem", in each case masked with the PII rules of "Report a problem" | chrome.storage.local | the last 7 runs per list; deleted together with the list Book recommendations: the "Show book recommendations" switch and which book hints you have closed (book codes only, no clicks) | Your setting | chrome.storage.local | until you change it or remove the extension Your employer's policies (e.g. allowed hosts) | Company settings | chrome.storage.managed, set by the administrator | as specified by the administrator The extension does not store passwords, tokens or session cookies. The only exception is your own key for the AI assistant, if you leave "Save on this device" switched on (section 8). It holds a token for a ticket system only at your request in its service worker's memory and does not write it to any storage; after a short period of inactivity it is forgotten. Query parameters and bodies of requests are stored only by the OData console, locally and without parameters containing credentials (e.g. sap-password); requests that you save in a replay collection remain permanently until you delete them. Requests may contain personal data from your SAP system; they leave your computer only if you yourself save or pass on an export. Content that you actively copy (e.g. "Copy as Markdown") ends up in your clipboard and is not passed on by FrontTailor. Report a problem. A bug report is created only when you click (popup, command palette, Alt+Shift+R or panel). Before it leaves the panel, FrontTailor masks email addresses, phone numbers, IBANs, long digit sequences, names from your list and custom patterns in all text fields; your employer can make rules mandatory. The preview shows the full text with all masked passages, the screenshot and the target. You see the screenshot before sending; you can pixelate areas containing data (the exported image contains only the blocks). The screenshot itself is not masked automatically. The URL in the report contains no parameters with credentials (e.g. sap-password, MYSAPSSO2, token). As no data is transferred to CloudDNA (not even with the AI assistant), CloudDNA itself does not process any personal data via the extension. The local processing serves solely the feature you use. Where personal data is involved, you process it yourself in your browser. We do not receive this data and are therefore neither a recipient nor a processor. #### 5. Access to websites - A small script only checks on every page whether SAP UI5 characteristics are present. It does not read any content and does not send anything. - FrontTailor accesses a UI5 application only after you have explicitly approved the domain. You can revoke approvals at any time under chrome://extensions or edge://extensions. - Your employer can specify by policy on which hosts FrontTailor may be active. - On approved domains, a script records the app's OData requests from the start of the page (OData console). You can switch this off per domain in the panel; your employer can disable it by policy (modules.odata). - The performance profiler measures only when you click "Start measurement", and reloads the page only if you select that. It reads times and sizes from the browser's Performance interface and from UI5; it does not send any requests and transfers nothing. Export (Markdown, print view) happens only when you click and only locally. - "Report a problem" takes a screenshot of only the visible area of the active tab, and only after your action (click on the FrontTailor icon or Alt+Shift+R); only then does Chrome grant access (activeTab). The click trail is created in approved UI5 applications as long as "Record click trail" is switched on. A recording of the recording bar runs only after you have chosen "Record" (or the palette command), and ends with "Stop", after 10 minutes or after 200 steps. The extension does not send it anywhere; it leaves the panel only as a file that you export, or as part of a report that you check in the preview and send yourself. - The deployment check (Tools) fetches, when you click, the app's manifest.json, the sap-ui-cachebuster-info.json and the sap-ui-version.json fresh from the same server that the page comes from. The responses are only displayed and not stored; the browser cache remains untouched. - The authorisation diagnosis evaluates the error responses that the OData console records anyway. The tile check queries, when you click, the page's launchpad services as the signed-in user; if the app being checked is not running, it reads its manifest.json once from the same server. User IDs appear only in masked form (e.g. D********1), including in copied or downloaded Markdown texts. - The system comparison ("Comparison" tab) takes a snapshot only when you click. In doing so, it fetches the $metadata of each OData service of the app once from the same server that the page comes from; it does not query other servers. The text is only hashed and summarised, not stored. It takes a snapshot of another system only in a tab of that system: when you click ("Get snapshot from "), it uses an open tab or opens the same app page there; without your approval of the domain, nothing happens. No systems are queried in the background. - The release check ("Release" tab, Enterprise Edition) queries systems only when you click "Check release", and only those systems of your host profiles that you tick. For each system, it loads, in the tab of that system (an open tab or a new tab in the background, only after you have approved the domain), manifest.json, Component-preload.js, sap-ui-cachebuster-info.json and, on ABAP systems, the UI5 app index (/sap/bc/ui2/app_index) from the same server, without cache and with your existing sign-in. Only versions, timestamps, paths and traffic lights are stored, not the response texts. The check only reads; it does not start any reports and does not clear any caches. - The backend service ("Roles" tab, Enterprise Edition) queries the optional FrontTailor add-on in your SAP system only after you have switched on "Use backend service" for this host. The requests go only to the page's server, with your existing sign-in; the service only reads. - It reads your user name, client, system and the names of your roles and, when you click, also catalogs, spaces, intents and start authorisations. - If you enter another user, the system returns that user's roles and catalogs only if you are authorised to do so (role /CDNA/FT_SIM). The SAP system logs every such check in the application log (SLG1) with your user, the user checked and the time; the panel points this out beforehand. Your employer, as the operator of the SAP system, is responsible for this log. - FrontTailor does not store the responses and does not pass them on. Other users' user names appear only in the panel. - The fault simulation ("Fault simulation" tab) answers matching OData requests in the browser itself; simulated responses and your rules do not leave the browser. Simulated changes in a $batch do not reach the server. - The Fiori design guidelines check ("Fiori Guidelines" tab) runs only when you click (or use the palette command) and reads only what the app is currently displaying. It does not make any request; the links to the guidelines (experience.sap.com, www.sap.com) open in a new tab only when you click. Exports (CSV, Markdown) are created locally. - The i18n and accessibility check ("Quality" tab) runs only when you click and reads only what the app has already loaded. Only "Load translations" requests the app's German and English language files, via the app itself and only from the same server as the page; it does not request files from other servers (e.g. libraries from the SAP CDN). Exports (CSV, Markdown) are created only locally. - The morning check ("Morning check" tab, Enterprise Edition) opens the apps of a checklist only when you click "Start check", one after the other in an inactive tab (or a separate window), and closes each tab again. The apps load as they would when called normally, with your existing sign-in, from their own servers; FrontTailor itself sends nothing to these or any other servers. For systems without approval, the browser asks for access in the same click; without approval, the app remains unchecked. The check repeats recorded steps (clicks) only on systems without a PROD flag. There is no monitoring in the background: the optional daily reminder only shows a badge on the FrontTailor icon and does not start anything. - "Replay" in the OData console sends a request again to the same system, but only after a preview and your click, and never on systems with a PROD flag. - The "API Reference" links in the Control Inspector open the UI5 documentation (ui5.sap.com or sdk.openui5.org) in a new tab only when you click. Beforehand, FrontTailor checks with the same server whether documentation for your app's UI5 version exists there (fetching /index.html without cookies and, if necessary, the public version list version.json). Only the version number is transferred; as with any page request, SAP receives your IP address and the browser identifier. The "Fiori Design Guidelines" link only opens a page on www.sap.com, without any data from your app. - "Save as variable" (Inspector) stores references to controls, binding contexts or models only in the open page ($ft0 …). FrontTailor does not store them and transfers nothing; when the page is reloaded, they are gone. - "Language" (Tools) reloads the app, when you click, with the URL parameter sap-ui-language or switches the language in the running app. The app then loads its texts in this language from its own server; FrontTailor itself sends nothing. - "Debug own code only" and the URL templates (Tools) reload the page with URL parameters only when you click (e.g. sap-ui-debug, sap-ui-theme, sap-client). The app then loads its files from its own server; FrontTailor itself sends nothing. - "Open in editor" (Inspector, Tools) reads, when you click, the app's view and fragment files from the same server that the page comes from (without cache, at most 512 KB) in order to find the control's line. It does not query other servers, and nothing is stored. The link to your editor (vscode://…, idea://…) leaves the browser only after your click and the browser's confirmation prompt; it contains only the local file path and the line. - The "UI5 version override" (Tools) loads the app's UI5 files in a tab from the official SAP CDN (ui5.sap.com or sdk.openui5.org) instead of from the previous server. It becomes active only when you click, after a preview of which addresses are redirected where, and never on systems with a PROD flag. While it is active, your browser fetches these files directly from SAP; as with any fetch from a website, SAP receives your IP address, the browser identifier and usually the origin of the page. The contents of your application are not transferred. When you click, FrontTailor can also fetch the public version list (https://ui5.sap.com/version.json or https://sdk.openui5.org/version.json); the address is shown beforehand next to the button. - "Local code" loads an app's files in a tab from your own dev server (localhost or a host you have confirmed, such as your BAS dev space) instead of from the system. It becomes active only when you click, after a preview of which addresses are redirected where, never on systems with a PROD flag, and a banner in the page indicates that it is active. "Check dev server" fetches manifest.json when you click, without cookies. No data goes to third parties. - Team Sync ("Team" tab) fetches a team package from an address that you enter yourself or that your employer specifies by policy, for example a Git server or SharePoint of your company. - Addresses that you enter yourself are fetched only when you click; specified addresses are additionally fetched according to the policy's schedule. - Only a fetch (GET) of this file is sent. As with any page request, your browser also sends your IP address, the browser identifier and your sign-in cookies for exactly this server. - Contents of your SAP applications are not transferred. - A package is adopted only after a preview and your click. - Exports create a file or a text in the clipboard. They are passed on only if you do so yourself. They contain no credentials. #### 6. Permissions The extension's permissions and their purpose are explained individually in the store description (storage, scripting, activeTab, sidePanel, webRequest, alarms for the scheduled fetch of specified team packages and the morning check reminder, declarativeNetRequestWithHostAccess, optionally browsingData, host access after approval). declarativeNetRequestWithHostAccess allows requests to be redirected for the UI5 version override and for "Local code". Chrome does not show a warning for this during installation; the permission only affects domains that you have approved, and only after you have switched on the override. FrontTailor does not request the debugger permission. Profiler Companion. The CPU deep profile of the performance profiler requires the separate, free extension "FrontTailor Profiler Companion". It has only the debugger permission, no access to websites and no user interface of its own. - It acts only when you start a deep profile in FrontTailor, and only for the tab that FrontTailor names. FrontTailor does not start the deep profile on PROD systems. - During the measurement, Chrome shows the bar "FrontTailor Profiler Companion started debugging this browser". Afterwards, on errors and after 90 seconds at the latest, the Companion disconnects. - It does not store anything. The summarised result (CPU time per function and script address without query string, number and size of requests per type) goes only to FrontTailor in your browser and is stored there like any performance measurement (section 5). It sends nothing to CloudDNA or third parties. - It accepts messages only from FrontTailor, not from other extensions or websites. #### 7. Disclosure to third parties No disclosure takes place, except to the AI provider if you use the AI assistant (section 8), and to the ticket system if you send a report as a ticket (section 7a). The extension does not load any code from external servers; team packages are data (settings), not code. Exception on your explicit instruction: with the UI5 version override, the page loads its UI5 files from the SAP CDN (see section 5). This is the code that the page runs anyway, only in the version you have chosen; the extension itself does not run it. The same applies to "Local code": the page loads your app's code from your own dev server. Team Sync fetches a team package only from the server that you enter yourself or that your employer specifies by policy, and adopts it only after a preview and your click (section 5). Exports go only to your clipboard or as a file to your Downloads folder. "Report a problem" hands over a report only after a preview and your click, namely to your clipboard, to your email program (mailto:), as a file to your Downloads folder or to a new browser tab with a pre-filled GitHub issue (https://github.com//issues/new?title=…&body=…). In the last case, your browser calls up GitHub; the title and shortened text are contained in the address and go to GitHub as soon as the page loads. Nothing is sent or saved until you do so yourself in the email program or on GitHub; the terms of the respective service apply to this. Your employer can restrict the targets by policy (issueReporter.targets). The book recommendations are plain links to the books' pages at Rheinwerk Verlag (https://www.rheinwerk-verlag.de/…), without tracking or affiliate parameters. The covers are part of the extension; nothing is loaded when they are shown. Only your click on "View at the publisher" or a palette command opens the page in a new tab. FrontTailor does not count or report these clicks. The publisher's privacy policy applies to its page. Your employer can hide the recommendations by policy (bookRecommendations: false). The jump to the backend does not make any request. It shows links into SAP GUI for HTML of the same SAP system, which your browser opens only when you click, with your existing sign-in; the transaction and, where applicable, the client and your SAP user are contained in the address. "Prepare SAP incident" sends nothing to SAP. The text is masked and leaves the panel only via the clipboard or a download. "Search the SAP knowledge base" copies the masked search term to the clipboard and opens the SAP for Me search (https://me.sap.com/knowledge/search/) without parameters; only when you paste the term there does it go to SAP. ##### 7a. Ticket systems "Report a problem" and the authorisation diagnosis can hand over a report as a ticket to Jira, GitHub, GitLab, Azure DevOps or ServiceNow. You set up the ticket system yourself, or your employer specifies it by policy (ticketTargets). - What is transferred: exactly what the preview shows: title, masked report (steps, environment, OData errors, click trail, system fact sheet), for findings of the authorisation diagnosis the missing authorisation object, service and request, and the screenshot only if you have included it in the report. The preview lists attachments with name and size. Before sending, the same masking rules apply as for "Report a problem". - When: only after the preview and your click on "Send" or "Create ticket". Nothing is sent in the background or automatically. - How and where to: - *Form (default):* FrontTailor opens the creation page of your ticket system in a new tab; the title and text are contained in the address and go to the ticket system as soon as the page loads. The ticket is only created when you save it there yourself. FrontTailor itself does not send anything in doing so. - *API:* The extension's service worker sends the requests shown in the preview directly to the address of your ticket system, with the token or password that you enter for this purpose. Your browser also sends your IP address and the extension's identifier (origin) and, with the "Browser session" sign-in method, also your sign-in cookies for exactly this system. With token and password sign-in, no cookies are sent. - For the API route, FrontTailor requests a host permission for the ticket system the first time you send. You can revoke it under chrome://extensions. - Storage: The terms of your ticket system or your employer apply to the created ticket. FrontTailor only remembers your targets, without secrets (section 4); it shows the link to the ticket but does not store it. - Companies can specify targets, restrict the allowed hosts (allowedTicketHosts), disable the target (issueReporter.targets) or disable the entire module (modules.issues). Note: Installation and updates take place via the Chrome Web Store (Google) or Microsoft Edge Add-ons (Microsoft), or via your company's IT. Their privacy policies apply in this respect. #### 8. AI assistant The AI assistant remains switched off until you yourself enter a provider and your own access credentials ("Bring Your Own Key"). You can choose from Anthropic, Microsoft Azure OpenAI, SAP AI Core (Generative AI Hub), Google Gemini, Mistral AI or an OpenAI-compatible endpoint, e.g. a local model (Ollama) or a gateway of your company. - What is transferred: only what the preview shows. That is the system prompt, the context chips that you have not removed, earlier messages in the conversation and your question. Depending on the action, context chips may contain: - UI5 version and app fact sheet - the selected control with its bindings and values, its library and the link to the corresponding page of the Fiori Design Guidelines - for the Fiori guidelines check, the selected finding (control type and ID, texts such as button labels) or, for "Check floorplan", the floorplan, score and findings per rule with up to three example controls and the manual checklist - when planning the language test, the app's language settings (current and logon language, supported languages per app, page address without query string and fragment) and the number of i18n findings from the last quality check - failed OData requests including error text and extracts from request and response bodies - an extract from $metadata and the manifest - error messages from the UI5 log - for code analysis, the app's source files (manifest, Component.js, views, controllers, fragments; only from the same origin as the app, at most 20 files) – each file as a separate chip with its size, which you can remove - FrontTailor reports (profiler, UI5 2.0, quality check, system comparison, library analysis with manifest suggestion and network summary), generated test code, recorded steps, the structure of mock data (no values), authorisation and role results (without user names for the role simulator) or the text of a ticket – never a screenshot Which data an entry point sends is shown in the "What the AI can do" overview in the "AI" tab and in the banner above the question. This content may contain personal data from your SAP system. - Masking: Before sending, FrontTailor masks using the same rules as the Issue Reporter: email addresses, phone numbers, IBANs, digit sequences of eight or more digits, your own names and patterns, and your employer's mandatory rules; these are replaced by placeholders such as [EMAIL]. Masking is enabled by default. It can be switched off per request, unless your employer requires it; mandatory rules always apply. It does not recognise every type of personal data; check the preview. - When: only after the preview and your click on "Send". There is no automatic sending and no sending in the background. The response is only displayed and is never applied automatically. - Where to: directly from your browser to the endpoint that you have entered (or that your employer specifies). With SAP AI Core, a token request with client ID and client secret is first sent to the token URL of your service key. The provider also receives your IP address and the extension's identifier (origin). CloudDNA receives nothing. - Responsibility: Processing by the AI provider is subject to its terms and your contract with it, e.g. regarding the retention period and use for training. We do not receive this data and are therefore neither a recipient nor a processor. Whether the data reaches a country outside the EU depends on the provider and endpoint that you or your employer choose. - Your key: With "Save on this device" (default), it is stored encrypted in the browser profile of this device (chrome.storage.local, AES-GCM). This protects against accidental disclosure, for example if someone reads out the extension's storage, but not against someone with access to the entire browser profile: the decryption key is stored in the same profile. It is not synchronised via your Google or Microsoft account and goes only to the provider that you have entered. "Forget key" deletes it immediately. Without the tick, it remains only in memory and is gone after a short period of inactivity. - Access: FrontTailor requests a host permission for the endpoint when you save the settings. You can revoke it under chrome://extensions. - Companies can disable the assistant by policy (modules.ai), specify the provider and endpoint, enforce masking and prohibit the storing of keys (ai.persistKeys: false; stored keys are then deleted). Further features that would themselves transfer data (e.g. anonymous telemetry) are planned for later versions. The handover to ticket systems is described in section 7a. These too will only become active with your explicit consent, will show the content before each transmission and can be disabled by company policy. This policy will be updated before they are introduced. #### 9. Your rights Under the GDPR, you have the right of access, rectification, erasure, restriction of processing, data portability and objection, as well as the right to lodge a complaint with a supervisory authority (in Austria: the Data Protection Authority (Datenschutzbehörde), [https://www.dsb.gv.at](https://www.dsb.gv.at)). As CloudDNA does not receive any data via the extension, CloudDNA does not hold any data. For data that you have sent to a provider via the AI assistant, contact that provider. You can delete local data by deleting the profiles in the extension or by removing the extension. [office@clouddna.at](mailto:office@clouddna.at) #### 10. Changes Last updated: 10 November 2026. Changes are published on this page and in the extension's changelog. ### 6. Advertising We send advertising e-mails or make advertising calls only with your prior consent (§ 174 TKG 2021). ### 7. Your rights You have the right of access, rectification, erasure, restriction of processing, data portability and objection. To exercise them, write to [office@clouddna.at](mailto:office@clouddna.at). You can lodge a complaint with the Austrian Data Protection Authority (Datenschutzbehörde, Barichgasse 40–42, 1030 Vienna, [www.dsb.gv.at](https://www.dsb.gv.at)) or with a supervisory authority in your country. Last updated: 10 November 2026 --- # Imprint · FrontTailor Source: https://fronttailor.com/en/imprint > Imprint of the FrontTailor website: CloudDNA GmbH, Loipersdorf, company register, VAT ID, supervisory authority, liability, trademarks and contact. ## Imprint Information pursuant to § 5 of the Austrian E-Commerce Act (ECG), § 14 of the Austrian Commercial Code (UGB) and disclosure pursuant to § 25 of the Media Act (MedienG). For users in Germany, this also serves as provider identification pursuant to § 5 of the German Digital Services Act (DDG). This is a translation for convenience; the German version is legally binding. You can switch to it with the language switcher at the top of the page. ### Media owner and service provider CloudDNA GmbH Untere Hauptstraße 23 7410 Loipersdorf, Austria Phone: [+43 664 1964199](tel:+436641964199) E-mail: [office@clouddna.at](mailto:office@clouddna.at) Web: [www.clouddna.at](https://www.clouddna.at) ### Company details - Legal form: limited liability company (Gesellschaft mit beschränkter Haftung, GmbH) - Company register number: FN 480760 a - Company register court: Landesgericht Eisenstadt (Regional Court of Eisenstadt) - VAT ID: ATU72725928 - Managing director: Martin Koch - Business activity: IT-Dienstleistungen (IT services) - Chamber membership: Wirtschaftskammer Burgenland (Burgenland Chamber of Commerce) - Supervisory authority under the ECG: Bezirkshauptmannschaft Oberwart (Oberwart district authority) - Country in which the trade licence was granted: Austria - Applicable regulations: Trade Regulation Act (GewO), available at [www.ris.bka.gv.at](https://www.ris.bka.gv.at) ### Disclosure pursuant to § 25 MedienG Media owner: CloudDNA GmbH, 7410 Loipersdorf. Managing director: Martin Koch. Ownership: Martin Koch (100 %). ### Editorial line (§ 25 (4) MedienG) Information about the software FrontTailor and the services of CloudDNA GmbH. ### Online dispute resolution We are neither obliged nor willing to take part in dispute resolution proceedings before a consumer arbitration board. Our offer is aimed at businesses. Purchases on this website are subject to our [terms](https://fronttailor.com/en/terms) and [licence terms](https://fronttailor.com/en/license-terms). ### Trademarks SAP, SAP Fiori and SAPUI5 are trademarks or registered trademarks of SAP SE in Germany and other countries. FrontTailor is a product of CloudDNA GmbH and is not offered, endorsed or sponsored by SAP SE. All other product and company names mentioned are trademarks of their respective owners; they are named to describe what FrontTailor works for and with. ### Liability for content and links We check the content of this website carefully and back statements with sources. The operators of external websites we link to are solely responsible for their content; no legal violations were apparent at the time of linking. ### Copyright The texts, graphics and design of this website are protected by copyright. Any use beyond what the law permits requires our consent. ### Image credits All graphics and screenshots on this website are our own; the screenshots show demo apps with made-up data. Book covers: Rheinwerk Verlag (SAP PRESS). No AI-generated images of real people are used. --- # Terms · FrontTailor Source: https://fronttailor.com/en/terms > Terms and conditions for buying FrontTailor licences and subscriptions on this website: contract, payment, term, cancellation, right of withdrawal and liability. ## Terms and conditions These terms apply to purchases of FrontTailor licences on this website. How you may use the licence you buy is governed by the [licence terms](https://fronttailor.com/en/license-terms). This is a translation for convenience; the German version is legally binding. You can switch to it with the language switcher at the top of the page. ### 1. Provider and scope Your contracting party is CloudDNA GmbH, Untere Hauptstraße 23, 7410 Loipersdorf, Austria, FN 480760 a, Landesgericht Eisenstadt, VAT ID ATU72725928, e-mail [office@clouddna.at](mailto:office@clouddna.at), phone +43 664 1964199 (“we”). These terms apply to all contracts you conclude via this website and the subsequent checkout, whether you are a business or a consumer. Rules that apply to consumers only are marked as such. Customers’ own terms only apply if we expressly agree to them in writing. ### 2. Offers and prices On this website we sell subscriptions to the Pro and Team editions (each monthly or yearly), per user and term, for 1 to 24 users per purchase. The Community edition is free of charge. The Enterprise edition, licences per SAP system, framework agreements and quantities of 25 users or more are offered separately on request. The features are described on the [Editions](https://fronttailor.com/en/editions) page at the time of the order. All prices are net prices in euros plus statutory VAT. We calculate the tax based on your billing address. If you enter a valid VAT ID as a business in another EU member state, we invoice without VAT (reverse charge). The price shown in the checkout before you submit your order applies. ### 3. Conclusion of the contract The offers shown on this website are not yet a binding offer. With “Continue to payment” you choose the offer and quantity and go to the checkout of our payment provider Stripe. There you see the price, tax and total, can check and correct your entries, and place a binding order with the pay button. The contract is concluded as soon as the payment has been successfully authorised; you receive a confirmation and the invoice by e-mail. The contract languages are German and English. We do not store the contract text separately for you; you can view, print and save these terms and the licence terms on this website at any time. Your order details are on your invoice. ### 4. Payment Payments are processed by Stripe Payments Europe, Limited, Dublin, Ireland. Card, Apple Pay and Link are available. The fee is due in advance for the whole term (month or year) and is charged at the start of each term to the stored payment method. If a charge fails, Stripe retries it several times within two weeks; if it still fails, the subscription ends and no follow-up licence is issued. ### 5. Delivery of the licence key After payment we send the licence key by e-mail to the address you entered in the checkout, usually within a few minutes. The browser extension FrontTailor (“CloudDNA FrontTailor – Developer Tools for SAP Fiori® and UI5 apps”) itself is available free of charge from the browser stores for Google Chrome and Microsoft Edge and requires version 137 or later; the key unlocks the features you bought. You receive a new key for each new term after payment. ### 6. Term, renewal, change of quantity and cancellation A subscription runs for the chosen period (one month or one year) and renews for the same period unless cancelled before the end of the current term. You can cancel at any time with effect from the end of the current term: via the [“Cancel contracts here”](https://fronttailor.com/en/cancel) button at the bottom of every page or informally by e-mail to [office@clouddna.at](mailto:office@clouddna.at). We confirm receipt by e-mail right away and the end of the contract separately. We may cancel with one month’s notice to the end of a term. About 30 days before a yearly subscription renews, we remind you by e-mail of the renewal, the option to cancel and the deadline. For consumers: after the first renewal you can cancel a yearly subscription at any time with one month’s notice; we refund any overpaid fee pro rata. If you change the number of users during the term, we charge or credit the difference pro rata for the rest of the term (with the next invoice). Both parties’ right to terminate for good cause remains unaffected. ### 7. Price changes Price changes apply at the earliest from the next renewal. We announce them by e-mail at least six weeks in advance. For businesses, the change is deemed accepted if they do not cancel before the renewal; we point this out in the announcement. For consumers, a higher price only applies if you expressly agree to it; if you do not agree, the subscription ends at the end of the current term. ### 8. Right of withdrawal for consumers If you are a consumer, you have the following right of withdrawal. Businesses have no right of withdrawal. #### Information on the right of withdrawal Right of withdrawal. You have the right to withdraw from this contract within fourteen days without giving any reason. The withdrawal period is fourteen days from the day of the conclusion of the contract. To exercise the right of withdrawal, you must inform us (CloudDNA GmbH, Untere Hauptstraße 23, 7410 Loipersdorf, Austria, e-mail [office@clouddna.at](mailto:office@clouddna.at), phone +43 664 1964199) of your decision to withdraw from this contract by an unequivocal statement (e.g. a letter sent by post or an e-mail). You may use the model withdrawal form below, but it is not obligatory. To meet the withdrawal deadline, it is sufficient for you to send your communication concerning your exercise of the right of withdrawal before the withdrawal period has expired. Effects of withdrawal. If you withdraw from this contract, we shall reimburse to you all payments received from you without undue delay and in any event not later than fourteen days from the day on which we are informed about your decision to withdraw from this contract. We will carry out such reimbursement using the same means of payment as you used for the initial transaction, unless you have expressly agreed otherwise; in any event, you will not incur any fees as a result of such reimbursement. #### Early expiry of the right of withdrawal The licence key is digital content that is not supplied on a tangible medium. In the checkout you expressly request that we begin supplying the licence key immediately after payment, and therefore before the withdrawal period ends, and you acknowledge that you thereby lose your right of withdrawal. Your right of withdrawal expires as soon as we have begun the supply, i.e. when the licence key is sent. We confirm your consent and acknowledgement by e-mail together with the contract confirmation. You cannot complete the checkout without this consent; if you want to keep your right of withdrawal, write to us at [office@clouddna.at](mailto:office@clouddna.at) before buying and we will only supply the key after the withdrawal period has ended. #### Model withdrawal form (Complete and return this form only if you wish to withdraw from the contract.) To CloudDNA GmbH, Untere Hauptstraße 23, 7410 Loipersdorf, Austria, e-mail: office@clouddna.at: I/We (*) hereby give notice that I/We (*) withdraw from my/our (*) contract of sale of the following goods (*) / for the provision of the following service (*) Ordered on (*) / received on (*) Name of consumer(s) Address of consumer(s) Signature of consumer(s) (only if this form is notified on paper) Date (*) Delete as appropriate. ### 9. Warranty The statutory warranty applies; for consumers in particular the Austrian Consumer Warranty Act (VGG) for digital services. FrontTailor works with the UI5 runtime and the interfaces of the SAP systems you use it in (such as SAPUI5, SAP Fiori launchpad and OData services). If SAP changes them, we adapt the affected features within a reasonable time. Features marked “Beta” rely on undocumented interfaces; towards businesses we give no warranty for them. Towards businesses we remedy defects at our choice by repair or replacement; defects must be reported to us without delay after discovery. ### 10. Liability We are liable without limitation for intent and gross negligence and for personal injury. We are not liable for slight negligence; this does not apply to personal injury. Towards businesses, to the extent permitted by law, our liability for lost profit, consequential damage and loss of data is excluded and limited in amount to the fees paid for the affected subscription in the twelve months before the event causing the damage. Mandatory statutory liability, for example under the Product Liability Act, remains unaffected. FrontTailor is read-only by default. The extension only carries out features that change something in the running app (such as editing properties, resending OData requests, resetting personalisation or loading local code into the launchpad) on your action; on systems that you or your IT mark as PROD, it blocks them. You are responsible for choosing them and their effects, for marking your systems, and for permissions and backups in your own system. ### 11. Data protection How we process your data when you buy is described in the [privacy policy](https://fronttailor.com/en/privacy#datenschutz-kauf). ### 12. Dispute resolution We are neither obliged nor willing to take part in dispute resolution proceedings before a consumer arbitration board. If you have questions or complaints, write to us at [office@clouddna.at](mailto:office@clouddna.at). ### 13. Applicable law and place of jurisdiction Austrian law applies, excluding its conflict-of-law rules and the UN Convention on Contracts for the International Sale of Goods. For consumers, this choice of law only applies to the extent that it does not deprive them of the protection of mandatory provisions of the law of the country in which they have their habitual residence. The place of jurisdiction for disputes with businesses is the court having subject-matter jurisdiction for the registered office of CloudDNA GmbH. Claims against consumers are brought at their general place of jurisdiction. ### 14. Final provisions If any provision of these terms is invalid, the remaining provisions remain valid. Towards businesses, the invalid provision is replaced by a valid one that comes closest to its economic purpose. Last updated: 10 November 2026 --- # Cancel contracts here · FrontTailor Source: https://fronttailor.com/en/cancel > Cancel a FrontTailor subscription: enter your details, click “Cancel now” and get the confirmation of receipt by e-mail right away. ## Cancel contracts here Cancel a subscription you bought on this website. Name and e-mail address are required; with the e-mail address you used for the purchase we find your subscription fastest. Name E-mail address We send the confirmation of receipt to this address. Contract (optional) For example licence ID, licence number or invoice number. Type of cancellation ordinary cancellation extraordinary cancellation (for good cause) Reason (for extraordinary cancellation) Only needed if you cancel for good cause. Requested end of contract at the earliest possible date on a specific date Cancellation received. The confirmation of receipt with these details is on its way by e-mail. We will confirm the end of the contract separately. We have received the cancellation, but the e-mail to your address could not be sent. Please save or print this page as confirmation; we will confirm the end of the contract separately. The cancellation could not be sent right now. Please send it by e-mail to [office@clouddna.at](mailto:office@clouddna.at) – the link opens a ready-made e-mail with your details. --- # Licence terms · FrontTailor Source: https://fronttailor.com/en/license-terms > Licence terms for FrontTailor Pro and Team: right of use per user or per SAP system, term, licence key and what is not allowed. ## Licence terms These terms govern how you may use a FrontTailor licence bought on this website. Purchase, payment, term and liability are governed by the [terms and conditions](https://fronttailor.com/en/terms). This is a translation for convenience; the German version is legally binding. You can switch to it with the language switcher at the top of the page. ### 1. Subject FrontTailor (“CloudDNA FrontTailor – Developer Tools for SAP Fiori® and UI5 apps”) is a browser extension by CloudDNA GmbH for Google Chrome and Microsoft Edge that you use to examine running SAP Fiori® and UI5 apps. The Community edition is free of charge. A licence you buy unlocks additional features for the paid term: the Pro edition or the Team edition, which includes everything in Pro. Which features are included is shown on the [Editions](https://fronttailor.com/en/editions) page. ### 2. Right of use With payment you (the licensee) receive the non-exclusive, non-transferable and non-sublicensable right to use the unlocked features during the paid term. - Per user. Each licence bought is for one named natural person. That person may use FrontTailor on all of their own browsers and devices. Letting several people use one licence at the same time or in turns is not allowed. - Per SAP system. If a Team or Enterprise licence is issued per SAP system under a separate contract, for example a framework agreement, it applies to the SAP systems named in the licence key instead of per user. On other systems FrontTailor works as the Community edition. - Reassignment. You may assign a licence to another person if the previous person permanently stops using FrontTailor, for example because they leave the team. - Customer projects. The licensed person may also use FrontTailor on SAP systems of the licensee’s customers, for example in consulting and operations projects. ### 3. Licence key We send the licence key by e-mail. It is digitally signed (Ed25519) and states the edition, the term and the number of users or the licensed SAP systems. The extension checks it offline, without a licence server; it sends nothing to us for this. Keep it confidential and only pass it on to the licensed persons; your IT may distribute it to them via browser policy. The number of users is stated in the key but not monitored technically; it is contractually binding. ### 4. Term and end The right of use applies for the paid term. If the subscription renews, you receive a new key. If it ends, the key remains valid until the end of the paid term and for three more days after that (grace period); there is no entitlement to longer use. After that, FrontTailor continues as the Community edition. Local data in your browser is kept. ### 5. Not allowed - circumventing the licence check, modifying licence keys or generating them yourself; - reverse engineering, decompiling or modifying FrontTailor, except where expressly permitted by law; - reselling or renting licences, or offering FrontTailor to third parties as your own service; - removing copyright notices and labels. If a licensee materially breaches these terms, we may terminate the contract for good cause and refuse a follow-up licence. ### 6. SAP systems and third-party services FrontTailor works in your browser with your existing SAP session and the permissions you have in your SAP systems. You are responsible for your contract with SAP, the permissions in the system and compliance with SAP’s terms of use. For the AI assistant you choose an AI provider and enter your own key; FrontTailor only sends after a preview and your click, directly to that provider, not to us. The provider’s terms and your contract with it govern the processing there; the same applies to ticket systems you hand reports over to. Features that change something in the running app only run on your action and are blocked on systems that you or your IT mark as PROD. ### 7. Updates Updates are delivered via the browser stores. We keep developing FrontTailor and may change features as long as the essential scope of the edition you bought is preserved. For consumers, the rules of the Austrian Consumer Warranty Act on updates also apply. ### 8. Trademarks SAP, SAP Fiori and SAPUI5 are trademarks or registered trademarks of SAP SE in Germany and other countries. FrontTailor is a product of CloudDNA GmbH, not a product of SAP SE, and is not offered, endorsed or sponsored by SAP SE. ### 9. Otherwise Otherwise the [terms and conditions](https://fronttailor.com/en/terms) apply, in particular on warranty, liability, applicable law and place of jurisdiction. Last updated: 10 November 2026 --- # Documentation for SAP Fiori® and UI5 development · FrontTailor Source: https://fronttailor.com/en/docs > The FrontTailor docs: installation, every module step by step with screenshots, licence, enterprise deployment and troubleshooting – in English and German. ## FrontTailor documentation How to install and grant FrontTailor and how to use every module – with real screenshots from the demo apps, the exact labels of the user interface and the behaviour on PROD systems. Search the whole docs at the top left; the / key jumps to the search field. New here?Start with [Getting started](https://fronttailor.com/en/docs/getting-started): installation, granting the domain, DevTools panel or side panel. Then [Host profiles and PROD](https://fronttailor.com/en/docs/host-profiles-and-prod) shows how to mark PROD systems – that protects against accidental changes. Every module page has the same structure: what the module is for, the typical tasks step by step, every button and setting, the edition, the behaviour on PROD, keyboard shortcuts and typical problems. The screenshots come from the demo apps with fictitious data; click to enlarge. ### Getting started - [Getting started Install, grant the domain, get to know the popup, side panel and DevTools panel.](https://fronttailor.com/en/docs/getting-started) - [Host profiles and PROD Community Name and colour your systems, mark PROD – runtime changes are locked there.](https://fronttailor.com/en/docs/host-profiles-and-prod) ### Modules - [Overview & system info Community UI5 version, theme, launchpad, app type and data sources at a glance – plus the session’s errors.](https://fronttailor.com/en/docs/overview) - [Inspector Community Control tree, properties, bindings, copy selectors – on the running app.](https://fronttailor.com/en/docs/inspector) - [Model explorer Community JSON, OData, resource and device models as a tree, snapshot and diff, i18n lookup.](https://fronttailor.com/en/docs/models) - [OData console Community V2 and V4, $batch split into parts, readable errors, replay, export, metadata as a diagram.](https://fronttailor.com/en/docs/odata-console) - [Fault simulation from Pro 500, 403, slow backend, empty list or expired session – without a mock server, only in your tab.](https://fronttailor.com/en/docs/fault-simulation) - [Performance from Pro Measure the app start, check it against Fiori best practices, watch budgets per app.](https://fronttailor.com/en/docs/performance) - [Tools Community Clear caches, debug switches, debug your own code, language, “Open in editor”, deployment check.](https://fronttailor.com/en/docs/tools) - [Launchpad inspector from Enterprise Click a tile, see intent, target mapping and placement – with a system profile.](https://fronttailor.com/en/docs/launchpad-inspector) - [Health and morning check from Enterprise Latency, error rate, session, synthetic check – and every morning all key apps by traffic light.](https://fronttailor.com/en/docs/health-and-morning-check) - [Scaffolding & recorder from Pro Page objects, journeys, unit tests, mock data and snippets from the running app – steps via the recorder.](https://fronttailor.com/en/docs/scaffolding-and-recorder) - [Report a problem from Pro Bug report with screenshot, click path, failed requests and system info – masked, with preview. Plus tickets and SAP incident.](https://fronttailor.com/en/docs/report-a-problem) - [AI assistant from Pro Explain errors, review code, write tests and ticket texts – with your own key, preview before every send.](https://fronttailor.com/en/docs/ai) - [Annotations from Pro Which annotation drives this field – and from which source? Plus manifest, draft and ETag.](https://fronttailor.com/en/docs/annotations) - [Roles and authorizations from Enterprise Why 403? Why is the tile missing? Object, role, start authorization – down to SU53.](https://fronttailor.com/en/docs/roles-and-authorizations) - [Team sync from Team Take over your team’s settings as a package – with a diff preview, selection and an optional signature.](https://fronttailor.com/en/docs/team-sync) - [UI5 2.0 Community Check what breaks in the app with UI5 2.x – with score, location, replacement and SAP docs.](https://fronttailor.com/en/docs/ui5-2-readiness) - [Libraries Community Check loaded UI5 libraries against the manifest – with a network view and a manifest proposal.](https://fronttailor.com/en/docs/libraries) - [Quality: i18n & accessibility from Pro Check missing i18n keys, translations, labels and contrast of the running app.](https://fronttailor.com/en/docs/i18n-and-accessibility) - [Fiori Guidelines from Pro Check whether the open view follows the SAP Fiori design guidelines – with score, improvement and dos & don’ts.](https://fronttailor.com/en/docs/fiori-guidelines) - [System compare from Enterprise The same app on DEV, QA and PROD: versions, libraries, flex, $metadata and manifest compared.](https://fronttailor.com/en/docs/system-compare) - [Release check from Enterprise After the transport: is the new version live on DEV, QA and PROD – with cache buster, preload and app index?](https://fronttailor.com/en/docs/release-check) - [Backend jump from Enterprise From a failed request straight into /IWFND/ERROR_LOG, ST22, SM21, SU53 – with transaction ID and time window.](https://fronttailor.com/en/docs/backend-jump) - [Local code from Pro Run the local state of an app in the real launchpad – no deployment, one tab only.](https://fronttailor.com/en/docs/local-code) - [Known errors Community The fix for the error that comes back every week – right at the error.](https://fronttailor.com/en/docs/known-errors) - [App state bookmarks Community Remember route, filters, variant and tab – back in one click after a reload.](https://fronttailor.com/en/docs/bookmarks) - [Command palette Community Alt+Shift+K in the app: cache reset, debug mode, log level and more by keyboard.](https://fronttailor.com/en/docs/command-palette) ### Licence - [Licence and editions Enter the licence key, the trial and what Community, Pro, Team and Enterprise unlock.](https://fronttailor.com/en/docs/licence-and-editions) ### For admins - [Enterprise deployment from Enterprise Roll out FrontTailor via GPO, Intune or MDM and configure it with policies.](https://fronttailor.com/en/docs/enterprise-deployment) - [Team packages from Team Create the team’s settings as a package, sign it and distribute it by URL or policy.](https://fronttailor.com/en/docs/team-packages) - [ABAP add-on from Enterprise The optional, read-only backend service for roles, catalogs and start authorizations.](https://fronttailor.com/en/docs/abap-add-on) - [Permissions and privacy Which permissions FrontTailor has, what stays local and when anything leaves the browser.](https://fronttailor.com/en/docs/permissions-and-privacy) ### Help - [Troubleshooting Not connected, no UI5 app, grant, PROD lock, licence, side panel, iframes, Firefox.](https://fronttailor.com/en/docs/troubleshooting) - [Changelog What each FrontTailor version contains – from the 0.1.0 beta to today.](https://fronttailor.com/en/docs/changelog) Frequently asked ### Short answers. **Are the docs available in German?** Yes. Every page exists in English and German, each with the user-interface labels of that language and its own screenshots. **Where do the screenshots come from?** From the real extension in three demo apps with fictitious data (a freestyle app, a Fiori elements app on CAP and a launchpad). A script retakes them after every change to the user interface. **Where do I find help if something does not work?** On the troubleshooting page, in the “Typical problems” section of every module page – and from CloudDNA via the contact form. Your question isn’t here? Talk to me: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Get in touch](https://fronttailor.com/en/contact) --- # Install and set up FrontTailor · FrontTailor Source: https://fronttailor.com/en/docs/getting-started > Install FrontTailor in Chrome or Edge, grant the domain of your UI5 app and get to know the three surfaces: popup, side panel and DevTools panel. ## Getting started From installation to the first Connected: load the extension, grant the app’s domain, then open the popup, side panel or DevTools panel. No account and no server – FrontTailor works locally in your browser. **Browsers** Chrome and Edge 137 or later **Surfaces** popup, side panel, DevTools panel **Languages** German and English **Account** none needed This page answers - How do I install FrontTailor in Chrome or Edge? - Why does FrontTailor ask for access to my domain? - What is the difference between popup, side panel and DevTools panel? - What does the colour of the FrontTailor icon mean? ### Install FrontTailor runs in Chrome and Edge 137 or later. From this version the browser verifies Ed25519 signatures, which the licence check relies on. The Chrome Web Store listing is on its way; until then you get version 1.0.0 as a package, with a 7-day trial of all editions – see [Install on the home page](https://fronttailor.com/en#installieren). - Unzip the package into a folder of its own. - Open chrome://extensions (in Edge edge://extensions). - Switch on Developer mode. - Choose Load unpacked and select the unzipped folder. During installation Chrome warns “Read and change all your data on all websites”. It comes from a small script that only checks on every page whether there are SAP UI5 markers. It reads no content and sends nothing. FrontTailor gets access to an app only after you grant its domain – see [Permissions and privacy](https://fronttailor.com/en/docs/permissions-and-privacy). In a companyAdministrators roll out FrontTailor by policy and restrict the allowed hosts. How it works: [Enterprise deployment](https://fronttailor.com/en/docs/enterprise-deployment). ### Grant the app’s domain Open an SAP Fiori or UI5 app. FrontTailor detects it within a few seconds; the icon then shows a ! on blue: the domain is not granted yet. The grant question in the popup: once per domain. - The traffic light shows Blue – activation required. - The question “Activate FrontTailor for ?” with the explanation and the Activate button. - Click the FrontTailor icon in the app. The popup opens. - Click Activate. - Confirm the browser’s dialog. The grant applies to the host with all ports, so the question names the host without the port. - FrontTailor connects without a reload. The icon turns green and shows UI5 or the short name of your host profile. If you see “This domain is not allowed by your administrator.” instead of the question, a company policy does not allow FrontTailor on this host. You can revoke a grant at any time under chrome://extensions or edge://extensions. ### The popup A click on the icon opens the popup. It shows at a glance whether FrontTailor is connected to the app and offers the most common actions. The popup on the freestyle demo app. - The traffic light: grey without UI5, green for a detected app, yellow for errors in this session, red on PROD, blue while the grant is missing. - Open side panel and the other quick actions: Palette, Debug on, Profile (URL profiles) and Reset cache. Below, Report a problem starts a bug report ([Report a problem](https://fronttailor.com/en/docs/report-a-problem)). - The short system info: UI5 version, theme and app with its type. The full system info is in the Overview tab ([Overview & system info](https://fronttailor.com/en/docs/overview)). - The profile for the host: name, colour and PROD flag – see [Host profiles and PROD](https://fronttailor.com/en/docs/host-profiles-and-prod). ### The side panel The side panel sits to the right of the app and stays open while you click in the app. Open it with Open side panel in the popup or with Alt+Shift+F; the shortcut also starts the inspector’s pick mode. The side panel: the same tools, stacked. - The connection status with page, UI5 version and roundtrip. - More opens the tabs that don’t fit into the bar. The side panel is built for 420 pixels. Some views exist only in the wide DevTools panel, such as the Models tab; the OData console hides the time and size columns in the side panel. ### The DevTools panel For in-depth work, open DevTools (F12) and choose the FrontTailor tab. The panel belongs to the browser tab in which you opened DevTools. Header of the DevTools panel: “Connected” means the path into the UI5 page works. - Connected appears only after a successful ping into the UI5 page; after that the panel checks every 5 seconds. - The theme: follow browser, light or dark (SAP Horizon). - The interface language: follow browser, German or English. ### Status and traffic light What you see | Meaning Connecting… / Starting… | FrontTailor is connecting to the app. Connected | All set. The icon is green and shows UI5 or the profile’s short name. Activation required | The domain is not granted yet, the icon shows ! – see above. No UI5 app detected | No UI5 runs on the page. The icon stays grey. Yellow with a number | Errors in the UI5 log or failed requests since the page loaded (from 100 it shows 99+). Red | The host is marked as PROD; runtime changes are locked. What to do when it doesn’t work: [Troubleshooting](https://fronttailor.com/en/docs/troubleshooting). ### Settings The basic settings sit at the top right of every surface: the theme (palette icon) and the language (globe). FrontTailor remembers both in the browser profile. Everything else is in the Tools tab ([Tools](https://fronttailor.com/en/docs/tools)), including the Licence card ([Licence and editions](https://fronttailor.com/en/docs/licence-and-editions)). Shortcut | Effect Alt+Shift+F | Inspector pick mode, opens the side panel Alt+Shift+K | Command palette ([Command palette](https://fronttailor.com/en/docs/command-palette)) Alt+Shift+R | Report a problem ([Report a problem](https://fronttailor.com/en/docs/report-a-problem)) You change the shortcuts under chrome://extensions/shortcuts. ### See also - Help from people [FrontTailor onboarding for your team](https://fronttailor.com/en/services#onboarding) - Docs [Overview & system info](https://fronttailor.com/en/docs/overview) - Docs [Host profiles and PROD](https://fronttailor.com/en/docs/host-profiles-and-prod) - Docs [Troubleshooting](https://fronttailor.com/en/docs/troubleshooting) - Sources Manifest · ADR-001 · ADR-003 Frequently asked ### Short answers. **How do I install FrontTailor?** Until the Chrome Web Store listing is live, as a package: unzip it, open chrome://extensions, switch on Developer mode and choose Load unpacked. FrontTailor needs Chrome or Edge 137 or later. **Why does FrontTailor ask for access to my domain?** To read an app’s UI5 runtime, the extension needs access to its domain. It asks only after it has detected UI5, and only for that one domain. Without a grant nothing runs in the page except the check for UI5 markers. **What is the difference between popup, side panel and DevTools panel?** The popup shows status, system info and quick actions. The side panel sits next to the app and offers the main tabs in 420 pixels. The DevTools panel (F12, FrontTailor tab) has all tabs and the most room. **Do I need an account?** No. FrontTailor works locally in the browser, without an account and without telemetry. Your question isn’t here? Talk to me: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Get in touch](https://fronttailor.com/en/contact) --- # Host profiles and PROD protection in FrontTailor · FrontTailor Source: https://fronttailor.com/en/docs/host-profiles-and-prod > Host profiles in FrontTailor: name and colour your SAP systems and mark them as PROD. On PROD the extension locks live edit, replay, cache reset and overrides. ## Host profiles and PROD A host profile gives a system a name and a colour – DEV green, QAS orange, PRD red. More important is the PROD flag: on a PROD host FrontTailor refuses every runtime change, in the panel and in the extension’s background. **Edition** Community **Where** popup › “Profile for ” **Applies to** one host with port **Name** 1–24 characters, short name on the icon **On PROD** reading allowed, changes locked This page answers - How do I mark an SAP system as PROD in FrontTailor? - What does FrontTailor lock on a production system? - Can an administrator define PROD hosts? - Why is the FrontTailor icon red? ### Create a profile You create the profile in the popup, on a page of the system. It applies to exactly this host with its port: s4d.example.com:44300 and s4d.example.com are two profiles. A PROD profile for the demo app: the traffic light turns red right away. - The traffic light shows Red – PROD system and the profile’s name. - Name: 1 to 24 characters. The first four characters appear as the short name on the icon. - Colour: Blue, Green, Orange, Red, Purple or Grey. - Productive system (PROD): lock runtime changes. - Open the app on the system and click the FrontTailor icon. - Under Profile for , enter a Name, for example PRD. - Choose a Colour. - Tick Productive system (PROD): lock runtime changes. - Click Save profile. “Profile saved” appears, and the lock applies right away, without a reload. Remove deletes the profile again. Profiles live only locally in the browser profile. With from Team you share them with all colleagues as a team package ([Team packages](https://fronttailor.com/en/docs/team-packages)); system compare and the release check work with your host profiles, too. Don’t mix them upThe Profile button in the popup’s quick actions belongs to the URL profiles – stored URL parameters such as sap-ui-debug. You create those in the Tools tab ([Tools](https://fronttailor.com/en/docs/tools)). ### What the traffic light shows Icon | Meaning Grey | No UI5 app in the tab. Blue with ! | UI5 detected, domain not granted yet ([grant](https://fronttailor.com/en/docs/getting-started#freigabe)). Green with UI5 or short name | Connected, no errors. Yellow with a number | Errors in the UI5 log or failed requests (status 400 or higher) in this session. A session is one loaded document; navigation via the hash stays in the same session. Red with short name or PROD | The host is marked as PROD. Red wins over yellow: on PROD you see the errors in the popup and in the Overview tab, the icon stays red. ### What is locked on PROD On a PROD host everything that only reads stays allowed: inspector, models, OData console, system info, copying and exports. All runtime changes are locked: Feature | On PROD Changing properties in the inspector (live edit) | locked, editors greyed out Replay in the OData console | locked Cache reset | locked Resetting personalization (flex) | locked UI5 version override | locked Switching the language in the running app | locked Fault simulation from Pro | locked Local code from Pro | locked Recorded steps in the synthetic check and the morning check from Enterprise | not replayed Deep profile of the performance profiler from Pro | does not start The inspector on PROD: reading yes, live edit no. - The note “PROD system: live edit is locked.” appears without a reload as soon as the profile is saved. The cache card on PROD: targets and reset are locked, “Reload without cache” stays. - The tag PROD – locked in the card’s header. - The note “PROD system: runtime changes are locked.” Locked twiceThe lock is not only in the panel. The extension’s background checks every changing request against the host profile and refuses it on PROD before it reaches the page. If the PROD status cannot be checked, it refuses as well. ### PROD by policy Administrators define PROD hosts centrally with the prodHosts policy (patterns such as *.prod.example.com, see [Enterprise deployment](https://fronttailor.com/en/docs/enterprise-deployment)). On such hosts the PROD box in the popup is ticked and locked, with “Marked as PROD by your administrator.” below it. You can still choose name and colour yourself. ### See also - Docs [Getting started](https://fronttailor.com/en/docs/getting-started) - Docs [Team packages](https://fronttailor.com/en/docs/team-packages) - Docs [Enterprise deployment](https://fronttailor.com/en/docs/enterprise-deployment) - Sources ADR-003 · ADR-004 · ADR-013 Frequently asked ### Short answers. **How do I mark an SAP system as PROD?** In the popup, on a page of the system, enter a name under Profile for the host, tick Productive system (PROD): lock runtime changes and click Save profile. The lock applies right away, without a reload. **What does FrontTailor lock on PROD?** All runtime changes: live edit in the inspector, OData replay, cache reset, resetting personalization, UI5 version override, switching the language in the running app, fault simulation and local code. Reading, copying and exports stay allowed. **Can my administrator define PROD hosts?** Yes, with the prodHosts policy. On these hosts the PROD flag is set and cannot be switched off in the popup. **Are host profiles sent anywhere?** No. They live only locally in the browser profile. You can share them deliberately as a team package. Your question isn’t here? Talk to me: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Get in touch](https://fronttailor.com/en/contact) --- # UI5 version and system info of a Fiori app · FrontTailor Source: https://fronttailor.com/en/docs/overview > Read the UI5 version, theme, language, launchpad, app ID, app type and OData data sources of a running SAP Fiori app and copy them as Markdown. ## Overview & system info The “Overview” tab is the first thing FrontTailor shows: the connection status, the app’s system info, the errors of the current session and the bookmarks. Everything is read from the running app, with no setup and no request to the backend. **Edition** Community **Tab** “Overview” (default tab) **Surfaces** DevTools panel and side panel **Copy** system info as Markdown **On PROD** read only, no lock needed This page answers - Which UI5 version does this Fiori app use? - Is this a Fiori elements or a freestyle app? - Which OData service and which backend (Gateway, RAP, CAP) are behind it? - How do I copy the system data for a ticket? - What do the colours of the FrontTailor icon mean? ### The tab at a glance Open the FrontTailor panel in DevTools (F12) or the side panel via the extension icon. Both start in the Overview tab. At the top you see whether FrontTailor is connected to the app, below that the module tabs and the cards of the overview. The overview on the Fiori elements demo app on CAP. - Connection status: Connected, below it the page, UI5 version and the roundtrip to the app. If several frames are connected, Connected frames appears as well. - Switch theme: follow browser, light or dark. - Switch language: browser, German or English. The choice also applies to the palette and the extension’s hints. - The module tabs. Whatever does not fit is under More. Below the tab strip follow the [App state bookmarks](https://fronttailor.com/en/docs/bookmarks) card, the system info, the Books by the author card and the session with its latest errors. ### Connection status Status | Meaning Connecting… · Starting… | FrontTailor is looking for the UI5 runtime in the page. This takes until the app has started. Connected | The app is detected, all tabs work. No UI5 app detected | The page has not loaded UI5, for example a logon page. Activation required | FrontTailor may not read this domain yet. A click on Activate asks the browser for access – see [Getting started](https://fronttailor.com/en/docs/getting-started). Not connected · Error | The connection broke, usually after a reload. Retry sets it up again. No tab selected | The side panel belongs to no tab with a web page. ### System info The system info answers the questions at the start of every bug hunt: which UI5 version, which theme, which launchpad, which app, which service? System info of the Fiori elements demo app: OData V4 on CAP, no launchpad. - Copy as Markdown puts the whole system info on the clipboard as Markdown – ready for a ticket or a chat. - Data sources from the manifest: name, OData version, detected backend type and URI. Field | Content URL | Address of the page. UI5 version · Build | Version of the loaded UI5 runtime and its build timestamp. Theme · Language · Format locale | Active theme, language of the texts and locale for number and date formats. Debug mode · Async loading | Whether sap-ui-debug is on and whether UI5 loads modules asynchronously. Launchpad | None (standalone), ABAP Fiori launchpad (with client), SAP Build Work Zone, Local sandbox or Unknown launchpad. Inside a launchpad the launchpad home page is listed, too. App · App ID (sap.app.id) · App version | Title, ID and version of the app from the manifest. Application component | The SAP component for incidents, e.g. SD-SLS-SO. Type | Freestyle, Fiori elements (OData V2) or Fiori elements (OData V4). Component | ID of the app’s component. Data sources | OData services and annotation files. The backend type is ABAP Gateway, ABAP RAP, CAP or Other. Loaded libraries | The UI5 libraries the app has loaded. - Open the app in the browser and wait until the panel says Connected. - In the Overview tab, click Copy as Markdown on the system info. - Paste the text into the ticket. It holds every field of the system info, including the data sources. The system info shows when it was read (Collected …). When the launchpad navigates to another app, FrontTailor reads it again. ### Session: errors since loading The Session card counts the errors since the page was loaded: errors from the UI5 log and requests that ended with status 400 or higher. Below it are the latest errors with their source (UI5 log or Request). Without errors it says No errors in this session. A 500 triggered in the freestyle demo app shows up as a session error right away. - The number of errors in this session; the same number shows in yellow on the extension icon. A session is one loaded document in the tab. Hash navigation (launchpad, the app’s router) stays in the same session, a reload starts a new one. A $batch that answers HTTP 200 and only carries errors inside does not count here – the [OData console](https://fronttailor.com/en/docs/odata-console) shows those. Of request URLs, the session keeps only scheme, host and path. ### The icon as a traffic light The extension icon in the browser toolbar shows the tab’s state even when no panel is open. Colour | Meaning Grey | No UI5 app in the tab. Green | UI5 app detected, no errors. Yellow with number | Errors in this session (from 100 on it says “99+”). The tooltip reads “… errors in this session”. Red | The host is marked as PROD. Tooltip: “PROD – changes locked”. “!” on blue | The domain still needs to be activated. How a host becomes PROD is explained under [Host profiles and PROD](https://fronttailor.com/en/docs/host-profiles-and-prod). ### Bookmarks and books At the very top of the tab is the Bookmarks card: Remember state stores the app’s route, filters and tab, and after a reload one click takes you back. All about it under [App state bookmarks](https://fronttailor.com/en/docs/bookmarks). The Books by the author card shows the SAP PRESS books on FrontTailor’s topics. Hide recommendations switches it off; under Tools › About FrontTailor it comes back. On PRODThe overview only reads and changes nothing in the app or the system. It works the same on PROD; the icon is red then. ### Shortcuts Key | Effect F12 → “FrontTailor” tab | The DevTools panel with all tabs. The side panel points to it with “Deep debugging: DevTools (F12) → tab "FrontTailor".” Alt+Shift+F | Pick a control in the page, see [Inspector](https://fronttailor.com/en/docs/inspector). Alt+Shift+K | Command palette in the app, see [Command palette](https://fronttailor.com/en/docs/command-palette). ### Typical problems Problem | Solution The panel says Activation required | Click Activate and grant the domain in the browser, see [Getting started](https://fronttailor.com/en/docs/getting-started). The panel says No UI5 app detected | The page is not (yet) a UI5 app, for example the logon. Once the app has started, FrontTailor connects by itself. The icon is yellow although the app runs | Yellow means: errors in this session. The Session card shows which. A reload resets the number. Data sources are missing in the system info | The app declares no dataSources in its manifest, or it creates its model in code. The [OData console](https://fronttailor.com/en/docs/odata-console) still shows the requests. Wrong system info in the launchpad | The system info belongs to the app currently shown. After a navigation, wait a moment until it is read again. ### See also - Features at a glance [Features · Inspector & Models](https://fronttailor.com/en/features#inspector) - Further reading [SAPUI5 – The Comprehensive Guide](https://www.sap-press.com/sapui5_6012/) (SAP PRESS) - Further reading [SAP Fiori Elements – Development and Extensibility](https://www.sap-press.com/sap-fiori-elements_5641/) (SAP PRESS) - Help from people [FrontTailor onboarding for your team](https://fronttailor.com/en/services#onboarding) - Docs [Getting started](https://fronttailor.com/en/docs/getting-started) - Docs [Host profiles and PROD](https://fronttailor.com/en/docs/host-profiles-and-prod) - Docs [App state bookmarks](https://fronttailor.com/en/docs/bookmarks) - Docs [OData console](https://fronttailor.com/en/docs/odata-console) - Sources ADR-003 · ADR-004 Frequently asked ### Short answers. **How do I find out the UI5 version of a Fiori app?** Open FrontTailor (F12 → FrontTailor tab, or the side panel). The Overview tab shows the UI5 version at the top in the connection status and in the system info, together with the build timestamp. **Does FrontTailor detect whether an app is Fiori elements or freestyle?** Yes. The Type field of the system info says Freestyle, Fiori elements (OData V2) or Fiori elements (OData V4). The data sources also name the backend type: ABAP Gateway, ABAP RAP, CAP or Other. **Does the system info send data to a server?** No. It is read from the running app in the browser. Copy as Markdown only puts the text on the clipboard. **Why is the FrontTailor icon yellow?** Yellow with a number means errors in the current session: errors in the UI5 log or requests with status 400 or higher. The Session card in the Overview tab lists them. Your question isn’t here? Talk to me: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Get in touch](https://fronttailor.com/en/contact) --- # UI5 control inspector for Chrome and Edge · FrontTailor Source: https://fronttailor.com/en/docs/inspector > Inspect UI5 controls in Chrome and Edge: pick a control by click, edit properties live, read bindings, copy OPA5, wdi5 and Playwright selectors. ## Inspector The inspector shows the control behind every pixel of a UI5 app: type, ID, view, properties, bindings, aggregations and events – live, while the app runs. It is free and part of the Community edition. **Edition** Community **Tab** “Inspector” **Shortcut** Alt+Shift+F **Surfaces** DevTools panel and side panel **On PROD** reading allowed, live edit locked This page answers - Which UI5 control is behind this field? - Where does a field’s value come from (binding, model, path)? - How do I get a stable OPA5, wdi5 or Playwright selector? - How do I change a property at runtime without redeploying? ### The tab at a glance Open the FrontTailor panel in DevTools (F12), or the side panel from the extension icon, and choose the Inspector tab. The app’s control tree is on the left, the details of the selected control on the right. In the narrow side panel they are stacked. The inspector on the freestyle demo app: 127 nodes, read in a few milliseconds. - Pick control starts pick mode: then click a control in the page. Next to it, Reload tree reads the tree again. - Search ID, type or text – all three are searched. Matches keep their ancestors so you see where the control sits. - Filters: Only visible, Only bound and Only custom controls (type not from sap.*). To the right: the number of nodes and how long reading took. - The control tree: UI areas, components, views and controls in the app’s order. Arrow keys move the selection. The tree follows the running app: when the app opens a dialog or loads more list items, the new controls appear by themselves. For very large apps the inspector shows up to 20,000 nodes; beyond that it says “Tree truncated: only the first … nodes are shown.” ### Pick a control in the page - Click Pick control or press Alt+Shift+F – the shortcut also works with DevTools closed and then opens the side panel. - Move the mouse over the app. A frame shows the control under the pointer with type, ID and – if bound – the binding path. - Click the control. The app does not see the click: no button fires, no popover closes. Esc cancels. - The inspector jumps to the control in the tree and shows its details on the right. In pick mode the frame labels the control under the pointer – here a bound sap.m.ObjectListItem. This also works in dialogs, popovers and apps that run in an iframe inside the launchpad. A click in a frame switches the inspector to that frame; the Frame selector above the tree shows which one is meant (Top frame is the page itself). ### Details of a control Details of the demo app’s “Error cases” button. Its text property is bound to an i18n text. - Type and ID, below them view and component. Next to them, API reference opens the class in the UI5 documentation of exactly the version the app loads; Fiori Design Guidelines opens the matching guidelines page if there is one. - Parent chain: every ancestor up to the UI area, clickable. - Copy as… – ID, OPA5 selector, wdi5 selector, Playwright locator or XML snippet (see below). - Store as variable hands the control to the DevTools console (see below). - bound below a property name opens where the value comes from. The details have five tabs: Tab | What you see Properties | Name, value, type and default of every property, bound ones marked, own and inherited told apart. Values are editable (see live edit). Bindings | For each bound property: path, model, Resolved path, mode, formatter and type; for composite and expression bindings every part. Aggregations | Children per aggregation with count and IDs, plus the associations. Events | Every event with its number of listeners and the handler names. Context | Models and binding contexts the control sees, with Context path. Property, aggregation and event names in the tables link to their entry in the API reference of the class that declares them. If a control is not in the tree – say a dialog that was never opened – a note in the details explains why and names the root. ### Where does the value come from? Reading bindings - Select the control (pick or search). - In the Properties tab, click bound below the property name. - The Binding of … popover shows the path as written, Resolved path, model, Model type (OData V2, OData V4, JSON, Resource (i18n), XML), Value in the model, Current value, binding mode, type and formatter – for i18n texts key and text. - Copy path takes the path with you, Show in Bindings tab highlights the row in the Bindings tab, Show in Model Explorer opens the [Model explorer](https://fronttailor.com/en/docs/models) tab right at that spot. The popover for the search field’s placeholder property: an i18n text, mode OneWay. - Path as written in the view. - Model type – here a resource model with the i18n texts. - Copy path. - Show in Bindings tab. The Bindings tab sums up all bound properties of a control. When a field stays empty, the tab usually tells you why: “not resolved” means the control has no model or context yet – typical for a relative path without an element binding. ### Edit properties live In the Properties tab every value is an editor: booleans as check boxes, enums as a select, numbers as a number field, everything else as a text field. Objects and arrays stay read-only. - Enter or leaving the field applies the value; Esc brings back the page’s value. - The inspector checks the value against the data type. If it does not fit, you see “Invalid value: …” and the control keeps its value. - For bound properties a note warns: “Bound: the next model update overwrites a change.” With TwoWay bindings the change is written to the model, too. On PRODIf the host is marked as PROD ([Host profiles and PROD](https://fronttailor.com/en/docs/host-profiles-and-prod)), the inspector shows “PROD system: live edit is locked.” and disables the editors. The lock also sits in the extension’s background: even a request that bypasses the panel is refused. Reading, copying and storing as a variable stay allowed. ### Copy selectors and XML “Copy as…” creates selectors that find the control again. Entry | Result ID | the full control ID OPA5 selector | this.waitFor({ id, viewName, controlType, … }) wdi5 selector | browser.asControl({ selector: { … } }) Playwright locator | a locator on the end of the DOM ID, independent of the container prefix (for example in the launchpad) XML snippet | the control as XML with namespace, ID, bindings and every value that differs from the default Generated IDs such as __button3 never end up in a selector. Instead the inspector uses the control type and a feature that makes the control unique: a text, an i18n key or a binding path. The automated tests run the selectors against the demo apps. ### Store as variable (DevTools console) - Select the control and click Store as variable. - The inspector stores it as $ft0 (the next one as $ft1 …, the latest always also as $ft) and shows an example call such as $ft0.getText(). - Switch to the DevTools console and use the variable. If the app runs in an iframe inside the launchpad, the inspector names the frame you have to pick at the top left of the console. Stored as $ft0 – with an example call and the list of all variables of the frame. The menu next to it stores a binding context or a model instead of the control. The variables live in the page only until it reloads; FrontTailor stores none of it. Delete all clears them. ### More actions in the details - Open in editor jumps to the view’s source file in your local editor. Set up the path mapping once in [Tools](https://fronttailor.com/en/docs/tools) (namespace → local folder). - Show in Elements panel selects the control’s DOM element in the DevTools Elements panel. - With from Pro you also get the AI entries Explain control, Why not visible? and wdi5 test – with your own key, see [AI assistant](https://fronttailor.com/en/docs/ai). ### Typical problems What you see | Cause and fix The tree stays empty | The page has not loaded UI5 (yet), or the host is not granted. The panel must say Connected at the top – see [grant the domain](https://fronttailor.com/en/docs/getting-started#freigabe). “The selected control has no row in the tree” | The control hangs on no UI area, for example a closed dialog. The details are complete anyway; open the dialog in the app and select the control again. “not rendered” in the details header | The control is hidden or not displayed yet, so it cannot be highlighted in the page. Editors are greyed out | The host is marked as PROD. Live edit is locked there on purpose. ### See also - Features at a glance [Features · Inspector & Models](https://fronttailor.com/en/features#inspector) - Further reading [SAPUI5 – The Comprehensive Guide](https://www.sap-press.com/sapui5_6012/) (SAP PRESS) - Help from people [Hands-on workshops on SAPUI5, Fiori elements, OData and CAP](https://fronttailor.com/en/services#hands-on) - Docs [Model explorer](https://fronttailor.com/en/docs/models) - Docs [Tools](https://fronttailor.com/en/docs/tools) - Docs [Host profiles and PROD](https://fronttailor.com/en/docs/host-profiles-and-prod) - Sources ADR-005 · ADR-010 · ADR-039 Frequently asked ### Short answers. **How do I open FrontTailor’s UI5 inspector?** Open the FrontTailor panel in DevTools (F12) and choose the Inspector tab – or press Alt+Shift+F in the app; the side panel then opens in pick mode. **Can I change properties on PROD with the inspector?** No. On a host marked as PROD, live edit is locked, in the panel and also in the extension’s background. Reading, copying and storing as a variable stay allowed. **What does the inspector cost?** Nothing. The inspector is part of the free Community edition and needs no account. Only the AI entries in the details need Pro. **Does the inspector work in the Fiori launchpad and in iframes?** Yes. It runs in the top frame and in iframes; a click in pick mode switches it to the frame of the selected control. Your question isn’t here? Talk to me: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Get in touch](https://fronttailor.com/en/contact) --- # Inspect UI5 models live: JSON, OData, i18n · FrontTailor Source: https://fronttailor.com/en/docs/models > Data of a running app’s UI5 models as a tree: JSONModel, OData V2/V4 cache, i18n texts per language, snapshot and diff before and after an action. ## Model explorer The model explorer shows what is in the app’s models – without a breakpoint and without a single extra request. It lists the models with their type, shows their data as a searchable tree, compares the state before and after an action and finds a control’s i18n texts in every loaded language. **Edition** Community **Tab** “Models” **Surface** DevTools panel only (F12) **Requests** none – only the app’s cache **On PROD** read only, no lock needed This page answers - What is in my UI5 app’s JSONModel right now? - Which entities has the OData model already loaded? - What changes in the model when I click “Edit”? - Which i18n bundle does a text come from, and is the key missing in a language? ### The tab at a glance The Models tab exists in the DevTools panel only: F12 → FrontTailor panel → Models. Without a selected control it shows the models of the app’s root components; with a control, that control’s own and propagated models. The freestyle demo app’s view model: a JSONModel with 16 values. - Enter a Control ID and Show selects a control without the inspector. App models clears the selection, the icon on the right refreshes the list. - The list of models: name (the unnamed one is (default model)), type and whether the model is own or propagated. - Take snapshot and Compare, see snapshot and diff. - Search keys and values: matches stay with their ancestors. Next to it Expand all and Collapse all. - Copy JSON takes the shown subtree, Copy path the path of the selected node, such as view>/editable. - The tree with the data. Above it you see how many values were read and when. Type in the list | What the tree shows OData V2 | The entities in the model’s cache, grouped by entity set. OData V4 | The data of the bindings’ current contexts. JSONModel · XMLModel | The model’s data. ResourceModel | The i18n bundle; the i18n section shows the texts of a control. Device model | UI5’s device information. Functions and deep objects are summarised. Other model | Custom model classes, as far as they can be read. With the Path field and Load you fetch one subtree. Large models need this: the tree reads up to 12 levels deep, 20,000 values and 2,000 characters per text; beyond that it says “Large model: the data was truncated …”. ### OData models: what is already loaded The demo app’s OData V2 model: 12 products and 4 categories in the cache. - The (default model) of type OData V2, with class and service URL on the right. - Cached entities: “Read from the model cache only; FrontTailor sends no request.” - An entity set with the number of entities in the cache. A click filters the tree to it. If an entity is missing, the app has not loaded it (yet). What the backend actually sent is shown in the [OData console](https://fronttailor.com/en/docs/odata-console). ### Snapshot and diff: what an action changes - In the Models tab, choose the model, for example view. - Click Take snapshot. It says “Snapshot from … Now do something in the app, then compare.” - Run the action in the app – in the example Edit in the demo app. - Click Compare. Changes since the snapshot lists every path as added, removed or changed, with old and new value. - Discard snapshot starts over. After “Edit” in the demo app: /editable switches from false to true. - Compare reads the model again and compares it with the snapshot. - One change: kind, path, old value, new value. The first 1,000 changes are shown; with more, a note appears below. ### i18n: key, bundle and texts per language When a control is selected (in the [Inspector](https://fronttailor.com/en/docs/inspector) or by control ID), the i18n section shows every property bound to a resource model. The demo app’s “Edit” button: key, bundle and the text in the loaded language. - Key with model name, e.g. i18n>edit. - Bundle: name and file of the resource bundle. - Texts per loaded language; fallback languages UI5 has not fetched yet are listed as not loaded. FrontTailor loads no language itself. - Find missing keys checks every control on the page and lists texts that are shown as a key (up to 200 entries). Show control jumps to the finding. Next to the key it says Key found, Key missing or that this cannot be told without loading a language. ### Bound controls For a node in the tree, Find bound controls looks for the controls whose bindings use this node or a node below it – in one pass over the page’s controls. A click on a hit selects the control in the inspector. The other way round, Show in Model Explorer in the inspector opens this tab right at the bound path. ### All buttons and fields Element | Effect Control ID · Show | Show the models and i18n bindings of this control. App models | Clear the selection, back to the app’s models. Refresh | Read list and data again, for example after the app loaded more. Path · Load | Read only this subtree. Search keys and values | Matches with ancestors; above 2,000 matches: “refine the search”. Expand all · Collapse all | Open or close the whole tree. Copy JSON · Copy path | Subtree as JSON or binding path to the clipboard. Take snapshot · Compare · Discard snapshot | Remember the state, show differences, delete the snapshot. Find missing keys | Check all controls for texts shown as a key. Find bound controls | Find the controls that use the selected node. On PRODThe model explorer only reads: no writes to the model, no request. It works unchanged on PROD. Keep in mind that models there can hold real business data – Copy JSON takes it with it. ### Typical problems Problem | Solution The Models tab is missing | It is in the DevTools panel only, not in the side panel. F12 → FrontTailor. No models found. | The app has not started a component yet, or the selected control has no models. App models shows the app’s models. An entity is missing in the OData model | The explorer only shows what UI5 has already loaded. Refresh after loading in the app; the requests are in the [OData console](https://fronttailor.com/en/docs/odata-console). Large model: the data was truncated | Enter a path and Load to read only a part. The model no longer exists. | The app replaced the model, for example after a navigation. Refresh. ### See also - Features at a glance [Features · Inspector & Models](https://fronttailor.com/en/features#inspector) - Further reading [SAPUI5 – The Comprehensive Guide](https://www.sap-press.com/sapui5_6012/) (SAP PRESS) - Help from people [Hands-on workshops on SAPUI5, Fiori elements, OData and CAP](https://fronttailor.com/en/services#hands-on) - Docs [Inspector](https://fronttailor.com/en/docs/inspector) - Docs [OData console](https://fronttailor.com/en/docs/odata-console) - Sources ADR-006 Frequently asked ### Short answers. **How do I see the data of a UI5 JSONModel at runtime?** Open the FrontTailor panel in DevTools (F12), Models tab, choose the model. The data appears as a tree with search; Copy JSON puts it on the clipboard. **Does the model explorer send requests to the backend?** No. It only reads the models’ cache in the browser. What the app has not loaded, it does not show either. **Why is the Models tab missing in the side panel?** The model explorer is built for DevTools and exists in the DevTools panel only. Open F12 and the FrontTailor panel there. **Can I see which i18n keys are missing?** Yes. Find missing keys in the i18n section checks every control on the page and lists texts shown as a key. Your question isn’t here? Talk to me: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Get in touch](https://fronttailor.com/en/contact) --- # Debug OData requests and $batch in Chrome · FrontTailor Source: https://fronttailor.com/en/docs/odata-console > Record OData V2 and V4 of a Fiori app: $batch split into parts, Gateway, RAP and CAP errors readable, replay, cURL export, $metadata as a diagram. ## OData console The OData console records every OData request of the app, splits $batch into its parts and shows the backend’s error text the way Gateway, RAP or CAP mean it. On top come replay with preview, export without tokens, saved filters and the service as a diagram. Everything stays in the browser. **Edition** Community **Tab** “OData” **Surfaces** DevTools panel and side panel **Protocol** OData V2 and V4, $batch multipart and JSON **Storage** per tab up to 2,000 requests or 50 MB **On PROD** display and export, replay locked This page answers - Which part of a $batch failed and why? - How do I read the Gateway error message with transaction ID? - How do I send an OData request again with changes? - How do I export a request as cURL or .http without a token? - How do I see a service’s entities as a diagram? ### The tab at a glance Open the OData tab in the DevTools panel or the side panel and use the app. Every OData request appears as a row; a $batch expands into its parts. The narrow side panel only hides the time and size columns. A failed read in the freestyle demo app: the $batch answers 200, its part 400. - Four views of the same log: Requests, Collections, Metadata and Diagram. - Pause stops recording, Clear empties the log, Preserve log keeps it across reloads. - Filter by path, entity set, status and error text – inside batch parts, too. To the right: status (All, Errors, successful), method and service. - A $batch with its number of parts. A click expands it. - A batch part: clickable like a request of its own. - A failed request: red light, 200 → 400 means “envelope 200, part 400”, the error text below. Above the table you see whether capture runs from page start, and the measured overhead per request. The Record on … checkbox switches recording off or on for this host; it takes effect from the next page load. The exports are below the table. Column | Content Time · Method | Start of the request and HTTP method. Entity set / path | Path relative to the service; for $batch the number of parts and change sets, for errors the error text. Status | Light and HTTP status. For a $batch the worst part counts. from cache when the browser answered. Duration · Size | Run time and size of the response. ### Read errors: message, transaction ID, error log - Click the red row in the table. For a $batch, the failed part opens. - In the details, choose the Error tab. - Read message, code, transaction ID and resolution hints. For Gateway errors, Open in Gateway error log leads to /IWFND/ERROR_LOG. The part GET Products('ERR400'): the Gateway’s error text with transaction ID. - Simulate error for this request turns the request into a [Fault simulation](https://fronttailor.com/en/docs/fault-simulation) rule from Pro. - Save as known error stores the solution for next time, see [Known errors](https://fronttailor.com/en/docs/known-errors). - Message from the error body, with code, target and details below. - Transaction ID and timestamp for the search in the backend. - Open in Gateway error log: a plain link to /IWFND/ERROR_LOG on the same system, in a new tab (SAP GUI for HTML). The console understands Gateway V2 as JSON and XML, V4 from RAP and CAP, ICF error pages as HTML and the sap-message and sap-messages headers. A change set that fails as a whole marks all its parts as change set failed; missing answers are marked as no answer. Detail tab | Content Request | URL, query options, headers and body (formatted or raw), sap-contextid. Response | Status, headers and body of the response. Batch | All parts of the $batch with change set and status. Open as single request opens a part, Show whole $batch goes back. Error | Message, code, target, details, transaction ID, timestamp, resolution hints. Timing | Source (page hook, network or both), duration, server IP, Server-Timing, Cache-Control, network errors. Controls | The page’s controls that bind the entity set. A click selects the control in the [Inspector](https://fronttailor.com/en/docs/inspector). Replay | Edit the request and send it again, see replay. With from Pro the AI entries sit above the error, such as explaining the error – with your own key, see [AI assistant](https://fronttailor.com/en/docs/ai). With from Enterprise the Backend jump card leads to the analysis transactions of the same SAP system, see [Backend jump](https://fronttailor.com/en/docs/backend-jump). ### Replay: edit, preview, send - Select the request in the table and open the Replay tab in the details. - Adjust method, URL, headers (one per line, Name: value) and body. Explain headers describes every header. - For changing requests, tick Fetch CSRF token first. - Click Preview. It shows the exact request including the token fetch: “This request is sent from the page, with the session of the page”. - Click Send request. The response appears below, and the request shows in the log marked Replay. Replay of a $batch: preview first, then a second click to send. - The request’s URL – only the page’s origin is allowed. - Fetch CSRF token first: a HEAD with x-csrf-token: Fetch to the service beforehand. - Preview shows the request that would be sent. No preview, no sending. - Save to collection keeps the request for later, see collections. - Send request sends it with the page’s session. Reset restores the original. On PRODReplay is locked on PROD: the tab says “Replay is locked on PROD systems.”, and the extension’s background refuses the request even if someone bypasses the panel. Saved requests from collections are treated the same. Recording, reading and export stay allowed. How a host becomes PROD: [Host profiles and PROD](https://fronttailor.com/en/docs/host-profiles-and-prod). ### Export without secrets Button | Result Selected request: Copy as cURL | cURL command on the clipboard. Changing requests fetch a token first and use -c/-b cookies.txt. Selected request: .http (VS Code) | File for the VS Code REST Client with a token fetch first. All shown requests: .http · Postman · HAR | All rows the filter shows. The Postman collection fetches the token in a request of its own. Exports are created locally as files and contain neither cookies nor Authorization nor CSRF tokens; the files fetch a token first. ### Saved filters and collections To the left above the table is the Saved filters menu (initially Standard). Save, Save as and Manage store filter sets of status, service, method and text. Make default for this system applies a filter whenever the console opens for this origin. The Collections view holds saved requests. Before saving, FrontTailor removes cookies, tokens, Authorization and CSRF headers; the URL is stored relative to the service, so the request runs on every system with this service. A saved request runs like a replay: preview first, then send. Import and Export all exchange collections as a JSON file. Filters and collections from team packages appear in a group of their own with from Team, see [Team packages](https://fronttailor.com/en/docs/team-packages). ### Metadata: search the service Search for “Product”: entity type, entity set, navigation, properties and annotations. - Choose the service – every service whose $metadata was recorded. - The summary: OData version, entity sets, entity types, operations, annotations. - Search entity sets, types, properties, actions and annotations (including external annotation files). - The matches. Controls shows which controls on the page bind an element. If a service is missing, its $metadata was not recorded: reload the app while recording is on. ### Diagram: entities and navigations The demo service as a diagram. The red mark on Product shows failed requests from the console. - Search by type, entity set or property (key /). Next to it the neighbourhood (1 or 2 hops), Annotations and Layers (operations, complex & enum types, hide draft). - Path finder: choose from and to type, Copy $expand returns the navigation path. - Export: SVG or PNG of the current view, or copy a Mermaid erDiagram. - Open in full view shows the diagram in a window of its own. Key / mouse | Effect Drag · wheel or pinch | Pan · zoom. +, − and 0 (fit to screen) work, too. Click · double-click or Enter | Select a type · focus on the type and its neighbours. Shift+click | Path from the selected type to the clicked one. Arrow keys | Next type. / · Esc | Search · reset the view. ### What is recorded The console hooks into the page’s XMLHttpRequest and fetch, but changes no request and sets no header. It does not even look at UI5 resources such as .js or .properties. Cookies are removed; Authorization, CSRF tokens and other secrets are replaced by [redacted] while still in the page. Per tab, the log holds up to 2,000 requests or 50 MB, bodies up to 512 KB (request) and 1 MB (response). It is deleted when the tab closes and cleared on reload unless Preserve log is on. ### Typical problems Problem | Solution Request bodies are not captured on this page | The page was loaded before the domain was granted. Reload, or Start capture now. Rows with Network data only | These requests ran before capture started. Status and timing are there, bodies are not. Reload. An error is missing in the overview’s session | A $batch often answers 200 even when a part fails. The console shows such parts in red, the session counts HTTP errors only. Metadata or diagram are empty | $metadata was not recorded. Reload the app while recording is on. Send request is locked | The host is PROD. Replay exists on development and test systems only. Recording is missing entirely | The Record on … checkbox is off, or your administrator disabled the console (“Recording is disabled by your administrator.”). ### See also - Features at a glance [Features · OData](https://fronttailor.com/en/features#odata) - Further reading [Full Stack Development with SAP](https://www.sap-press.com/full-stack-development-with-sap_5733/) (SAP PRESS) - Further reading [SAP Fiori Elements – Development and Extensibility](https://www.sap-press.com/sap-fiori-elements_5641/) (SAP PRESS) - Help from people [Fiori elements and annotations](https://fronttailor.com/en/services#fiori-elements) - Docs [Fault simulation](https://fronttailor.com/en/docs/fault-simulation) - Docs [Known errors](https://fronttailor.com/en/docs/known-errors) - Docs [Backend jump](https://fronttailor.com/en/docs/backend-jump) - Docs [Model explorer](https://fronttailor.com/en/docs/models) - Sources ADR-007 · ADR-015 · ADR-029 Frequently asked ### Short answers. **How do I see which part of a $batch failed?** In FrontTailor’s OData console a $batch expands into its parts. The failed part is red, its status reads like 200 → 400; a click opens it like a request of its own with the Error tab. **Do exports contain my tokens or cookies?** No. cURL, .http, Postman and HAR contain no cookies, no Authorization header and no CSRF tokens. Changing requests fetch a fresh token first when run. **Can I send a request again on PROD?** No. Replay is locked on PROD systems, in the panel and in the extension’s background. On development and test systems: preview first, then send the request. **Does the console work with CAP and RAP?** Yes. It reads OData V2 and V4, multipart and JSON batches, and understands the error formats of Gateway, RAP and CAP. Your question isn’t here? Talk to me: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Get in touch](https://fronttailor.com/en/contact) --- # Simulate OData errors in Fiori apps · FrontTailor Source: https://fronttailor.com/en/docs/fault-simulation > How does the Fiori app react to a 500, 403, slow backend, empty list or expired CSRF token? Rules in the browser, without a mock server, locked on PROD. ## Fault simulation Fault simulation answers matching OData requests of your tab right in the browser: with an SAP error text, delayed, empty or as an expired session. That is how you test error dialogs, busy indicators and “no data” texts, without a backend and without a mock server. Other users and the system notice nothing. **Edition** from Pro **Tab** “Fault simulation” **Surfaces** DevTools panel and side panel **Scope** this tab only, until it is closed **Limits** up to 30 rules per tab **On PROD** locked, switching off always possible This page answers - How do I test what my Fiori app shows on an HTTP 500? - How do I simulate a slow backend or a timeout? - Does my app fetch a new CSRF token after it expired? - What does the list look like without data? - Can I make just one part of a $batch fail? ### The tab at a glance The Fault simulation tab is in the DevTools panel and the side panel, with many tabs under More. The quick starts are at the top, your rules below. The empty tab on the freestyle demo app. - Switch on on a quick start adds the rule and activates it right away. - New rule opens the editor for a rule of your own. - The rule list – still empty here. - “Everything stays in your browser: the rules apply to this tab only, survive a reload and end when the tab is closed.” Quick start | Effect Session expired | The next change gets 403 with x-csrf-token: Required. UI5 should fetch a new token and repeat it unnoticed. No authorization | Every request gets 403 with a Gateway error message. Slow backend (3 s) | Every request is answered 3 seconds later. Empty list | Every list read returns no entries. Server error on save | Every change fails with 500. Nothing reaches the server. Timeout (504 after 10 s) | Requests wait 10 seconds and then fail with 504. A quick start applies to every OData request. Edit it to narrow it down to one service or entity set. ### What happens in the app As long as a rule is active, the app shows the banner Fault simulation active with the number of rules at the bottom. A click on Switch off in the banner switches everything off – immediately; the rules are kept, switched off. Quick start “Empty list”: the search finds nothing, the banner shows the active rule. - The app shows its “no data” text – the answer came from the simulation, not from the server. - The banner in the page. Switch off ends the simulation in this tab. In the [OData console](https://fronttailor.com/en/docs/odata-console), simulated answers are marked simulated (for $batch: “n simulated”), and the details say “Simulated by FrontTailor – rule …”. ### Create a rule of your own - In the Fault simulation tab, click New rule. - Under Which requests, set service, entity set, method and where – empty means “all”. - Under What happens, choose the effect, for example HTTP error with status 500 and your own error message. - Under How often, choose Once, N times or Always. - Save and switch on. Then trigger the action in the app. A rule for Products: one HTTP 500 with its own message. - Entity set, e.g. Products; $metadata matches the metadata document. Empty matches all except $metadata, the service document and the token fetch. - Method: any, read (GET), change (POST, PUT, PATCH, MERGE, DELETE) or a single one. Next to it Where: direct requests, $batch parts or both. - Effect, see the table below. - Error message: the app shows it like a message from the backend. Below, optionally a Gateway innererror with transaction ID and timestamp. - How often: counted per HTTP request, a $batch counts once. - Save and switch on. Effect | What the app gets HTTP error | Status 400–599 with an SAP error text, as OData V2 or V4 – the way the service expects it. Code FT_SIMULATION/. Delay | The real answer arrives later (up to 120,000 ms). For $batch, the whole batch waits. Empty result | Lists empty, $count returns 0, a single entity returns 404. Only for reads. Custom JSON | Your JSON body with status 200–599. Network error | No answer, as if the connection broke. For $batch, the whole batch fails. Expired session (CSRF) | 403 with x-csrf-token: Required for changes. UI5 fetches a new token and repeats once; with Always the repeat fails too. Every effect can get an additional delay in ms. The first matching rule wins. The app shows the simulated error like a real one. - The app’s error dialog with the status and the message from the rule. ### The rule list After the test: the once-only rule is used up. - The switch turns the rule on or off. Switching on restarts a used-up rule. - The state: Active, Off or Used up. - How often the rule has answered so far, e.g. “1× simulated”. To the right, edit and delete the rule. Below each rule is its summary: method, entity set, effect and count. Switch everything off above the list ends all rules at once. ### A rule from a real request In the [OData console](https://fronttailor.com/en/docs/odata-console), a request’s details offer Simulate error for this request. It opens the editor with the request’s service, entity set and method; for a $batch part also with “only $batch parts”. ### $batch and change sets Rules match direct requests and single $batch parts, never the envelope. A simulated part is removed from the real request – changes do not reach the server. The other parts go to the server, and its answer is merged with the simulated parts. Change sets stay atomic: an error answers the whole change set. Delay, network error and CSRF act on the whole HTTP request. On PRODOn a host marked as PROD, fault simulation is locked: “Productive system: fault simulation is locked here.” Quick starts, editor and switches are disabled, and the extension’s background refuses new rules, even when the panel is bypassed. Switching off always works. See [Host profiles and PROD](https://fronttailor.com/en/docs/host-profiles-and-prod). ### All buttons Button | Effect Switch on (quick start) | Add the rule and activate it right away. New rule | Editor for a rule of your own. Save and switch on · Cancel | Store and activate the rule · close the editor. Switch per rule | Turn the rule on or off. Edit rule · Delete rule | Open the editor · remove the rule. Switch everything off | Turn off all rules of this tab. Switch off (banner in the app) | Like “Switch everything off”, right from the page. ### Typical problems Problem | Solution The rule does not apply | Service or entity set do not match, or an earlier rule matches first. The hit count in the list shows which rule answers. Errors at app start cannot be simulated | Create the rule and reload the page. With active rules, FrontTailor holds back OData requests at start briefly (at most 1.5 seconds) until the rules are there. Empty result has no effect when saving | It applies to reads only. For changes, use HTTP error or the quick start Server error on save. A success inside a change set is ignored | Change sets are atomic; only an error acts on the whole change set. Some requests are never simulated | Synchronous XHR, navigator.sendBeacon and requests of the app’s service worker are out of reach. JSON $batch (OData 4.01) is not simulated partially. The tab is locked | Fault simulation needs from Pro; on PROD hosts it is always locked. See [Licence and editions](https://fronttailor.com/en/docs/licence-and-editions). ### See also - Features at a glance [Features · OData](https://fronttailor.com/en/features#odata) - Further reading [Full Stack Development with SAP](https://www.sap-press.com/full-stack-development-with-sap_5733/) (SAP PRESS) - Further reading [SAPUI5 – The Comprehensive Guide](https://www.sap-press.com/sapui5_6012/) (SAP PRESS) - Help from people [Release and transport quality](https://fronttailor.com/en/services#release) - Docs [OData console](https://fronttailor.com/en/docs/odata-console) - Docs [Host profiles and PROD](https://fronttailor.com/en/docs/host-profiles-and-prod) - Docs [Licence and editions](https://fronttailor.com/en/docs/licence-and-editions) - Sources ADR-037 Frequently asked ### Short answers. **Do I need a mock server for fault simulation?** No. FrontTailor answers matching OData requests right in the browser. Simulated requests never reach the server. **Do other users notice the simulation?** No. The rules apply to your tab only and end when the tab is closed. Nothing is sent to a server. **Can I simulate errors on a productive system?** No. On a host marked as PROD, fault simulation is locked, in the panel and in the extension’s background. Switching off is always possible. **Which edition do I need?** Fault simulation is part of FrontTailor Pro. Your question isn’t here? Talk to me: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Get in touch](https://fronttailor.com/en/contact) --- # Measure SAPUI5 performance: profiler & budgets · FrontTailor Source: https://fronttailor.com/en/docs/performance > Measure the load time of a SAPUI5 or Fiori app: key figures, best-practice check with recommendations, performance budgets per app and a comparison of two runs. ## Performance The performance profiler measures how long the app takes to start and why: requests, bundles, preload, asynchronous loading, OData calls and a blocked main thread. Every check gets a traffic light and a concrete recommendation. The profiler is part of the Pro edition. **Edition** from Pro **Tab** “Performance” **Sharing budgets** via team sync with Team **Surfaces** DevTools panel and side panel **On PROD** measuring allowed, deep profile locked This page answers - Why does my Fiori app take so long to start? - Is the component preload missing, and does UI5 load synchronously? - Has the app become slower since the last release? - How do I set performance budgets for an app? ### The tab at a glance Open the FrontTailor panel in DevTools (F12) or the side panel and choose the Performance tab. The measurement options are at the top; after the first measurement the report follows below. Nothing runs in the page until you click Start measurement. The options before the first measurement. Without the Profiler Companion the deep profile is greyed out. - Reload page measures the full start of the app (recommended). Current page without reload evaluates what happened since the last load. - Without browser cache (cold start) reloads bypassing the HTTP cache; the theme cache is not rated then. - UI5 measurements (sap-ui-measure) reloads with sap-ui-measure=true and gives the rendering time per control type from UI5 itself. - Deep profile (CPU, Chrome debugger): CPU time per UI5 library and app function, see below. - Start measurement. ### Start a measurement - Open the app in the browser and choose the Performance tab in the panel. - Keep Reload page selected. For a cold start also tick Without browser cache (cold start). - Click Start measurement. The profiler reloads the page and waits until it is quiet: 1.5 seconds without new requests, at most 18 seconds. - The report appears and is saved as a measurement. Give it a name in the Name of the measurement field, for example “before preload fix”. If the page does not become quiet in time, the report says “The page did not become quiet within the wait limit; late requests may be missing.” The address is stored without its query string. On PRODA measurement only reads, so it is allowed on a host marked as PROD ([Host profiles and PROD](https://fronttailor.com/en/docs/host-profiles-and-prod)), too. Only the deep profile is locked there, because it attaches a debugger to the tab: “Locked on PROD systems: the deep profile attaches a debugger to the tab. The base report works.” ### The report Report header and the performance budget of the freestyle demo app with the default values. - Name of the measurement – shown in the list of saved measurements and in the export. Next to it the summary of the ratings: critical, check, good. - Copy as Markdown, Download Markdown and Print view (see export). - The budget verdict: “Budget kept.” or which budgets are exceeded. - Edit budget opens the limits of this app (see budgets). - Where the budget comes from: Default budget, Own budget or Team budget. The report sections follow below: Section | Content Key figures | Time to interactive, First contentful paint, Largest contentful paint, UI5 core loaded, Requests, Transferred, Uncompressed, Single UI5 modules, OData requests, Slowest OData call, Total blocking time Timeline | First byte, UI5 core, Component preload, First OData, FCP, LCP, Interactive and Load event on one axis, long tasks as red bars Best-practice check | every rule with rating, measured value and recommendation (see below) Requests and sizes | count, transferred and uncompressed size per group: UI5, App, OData, Theme and fonts, FrontTailor, Other Largest resources | the largest files with size and duration Slowest OData calls | request, start, duration and status; the source is the [OData console](https://fronttailor.com/en/docs/odata-console), otherwise Resource Timing Rendering hotspots | script time in long animation frames per function – with UI5 measurements the rendering time per control type CPU (deep profile) | self time per group and library, only with the deep profile Key figures and timeline. The coloured edge of each tile is its rating. - Time to interactive is an approximation: the moment from which the page was quiet. - The timeline shows the order in which the app loads and where long tasks block the main thread. Below the key figures sits the Performance tips card: local checks over the measurement, the OData log and load findings – without AI. With your own key the AI can also explain the measurement, see [AI assistant](https://fronttailor.com/en/docs/ai). ### Best-practice check Every rule gets a rating: Good, Check, Critical or Info. For Check and Critical the line next to the light bulb says what to change. Critical findings come first. The demo app loads without preload bundles – the profiler names the cause and the fix. - Rule, rating and measured value. - The recommendation, here: work through the other findings, because preload bundles, asynchronous loading, fewer requests and $batch shorten the start most. The limits are FrontTailor rules of thumb, not SAP limits: Check | Good up to | Check up to | Critical above Time to interactive (approx.) | 3 s | 6 s | 6 s Number of requests | 80 | 150 | 150 Download size (transferred) | 2.5 MB | 5 MB | 5 MB Single UI5 modules (library preload) | 15 | 60 | 60 OData requests without $batch | 3 | 10 | 10 Slowest OData call | 1 s | 3 s | 3 s Blocking time (main-thread blocking) | 300 ms | 1 s | 1 s Rules without a threshold come on top: a missing Component preload is critical, and so is a synchronous loader (Asynchronous loading) or synchronous routing (Asynchronous routing). You get a warning when the manifest arrives only after the component code (Manifest first), when more than twelve libraries are declared without lazy (Lazy loading), when the theme CSS does not come from the cache (Theme cache) and when Debug mode is on. ### Performance budgets per app A budget sets limits for one app. Every measurement of that app is checked against them, and the verdict sits at the top of the report. FrontTailor recognises the app by sap.app.id and the version by applicationVersion in the manifest. Metric | Default Start time (TTI) | 3.0 s Requests | 80 Transferred | 2.5 MB Largest app bundle | 1.0 MB Synchronous requests | 0 $batch requests | 5 Render time (LCP) | 2.5 s - Measure the app once so FrontTailor knows the app ID and version. - In the Performance budget card, click Edit budget. - Adjust the limits or switch metrics off; switched-off metrics are not monitored. Use Note to record where a value comes from, for example the release review. - Click Save. The card now shows Own budget; Reset to defaults brings back the default values. The Budget for … dialog with the default values. The card’s table shows Measured, Budget and Status for each metric (Within, Exceeded, Not monitored, Not measured). Clicking a metric shows its Trend across the saved measurements with the app version; the dashed line is the budget. The trend appears from two saved measurements of the app. That is how the verdict can say, for example, “Start time (TTI) +38 % since version 1.4.0”. Export writes the budgets of all apps as JSON, also for CI scripts; Import reads them back. With from Team, team sync hands the budgets to everyone in the team ([Team sync](https://fronttailor.com/en/docs/team-sync)). If an administrator sets a budget, it cannot be changed in the panel. ### Save and compare measurements Every measurement goes to the Saved measurements card: per app the latest ten plus one from each older app version. They are stored locally in the browser, without query strings. Show brings back an old report, Delete measurement removes it. - Measure before the change and give the measurement a name. - Change the app – for example build preload bundles – and measure again. - In Saved measurements, pick the measurements for Before and After and click Compare. - The Comparison card shows every key figure with before, after and Change (better, worse, unchanged), and below it every check with both ratings. Close comparison returns to the report. Two measurements of the demo app compared. The comparison can be copied as Markdown, too. - Key figure with before, after and the change in time and percent. - Close comparison. ### Export and print view Button | Result Copy as Markdown | report or comparison as Markdown with tables on the clipboard, for example for a ticket or a pull request Download Markdown | the same content as an .md file Print view | a static HTML page in a new tab, to print or save as PDF from the browser FrontTailor sends no report anywhere: all three stay in your browser. ### Deep profile with the Profiler Companion The deep profile records CPU time per UI5 library and app function plus all network requests over the Chrome debugger. It needs the free add-on extension FrontTailor Profiler Companion: it holds the Chrome permission debugger, so FrontTailor itself does not need it. - If the companion is not installed, a note below the option offers Install the Profiler Companion. After installing it, click Check again. - Tick Deep profile (CPU, Chrome debugger) and click Start measurement. - While measuring, Chrome shows the bar “FrontTailor Profiler Companion started debugging this browser”. It disappears when the measurement ends; closing it cancels the deep profile – the base report stays complete. - The report then contains the CPU (deep profile) section with self time per group, library and function. The deep profile ends after 90 seconds at the latest. It is not available in Firefox, because it needs the Chrome debugger. ### Typical problems What you see | Cause and fix “No measurement yet. Start one to see the report.” | The profiler only measures on a click. Click Start measurement. “… did not become quiet …; late requests may be missing.” | The app is still loading after 18 seconds, for example because of polling. The report is still useful; late requests are missing. Theme cache shows Info instead of a rating | With Without browser cache (cold start) the theme cache is not rated. Rendering hotspots name no control types | Switch on UI5 measurements (sap-ui-measure) for rendering time per control type. Deep profile is greyed out | The Profiler Companion is missing or too old, the browser has no Chrome debugger, or the host is marked as PROD. The note below the option names the reason. No budget verdict | The page has no app component (no sap.app.id) or every metric is switched off: “No budget is monitored for this app.” ### See also - Features at a glance [Features · Performance](https://fronttailor.com/en/features#performance) - Further reading [SAPUI5 – The Comprehensive Guide](https://www.sap-press.com/sapui5_6012/) (SAP PRESS) - Help from people [Fiori performance review](https://fronttailor.com/en/services#performance) - Docs [OData console](https://fronttailor.com/en/docs/odata-console) - Docs [Host profiles and PROD](https://fronttailor.com/en/docs/host-profiles-and-prod) - Docs [AI assistant](https://fronttailor.com/en/docs/ai) - Sources ADR-016 · ADR-044 Frequently asked ### Short answers. **How do I measure the load time of a SAPUI5 app?** Open the Performance tab in the FrontTailor panel, keep Reload page selected and click Start measurement. The profiler reloads the page, waits until it is quiet and shows key figures, a timeline and a best-practice check with recommendations. **May I use the profiler on PROD?** Yes. A measurement only reads, so it is allowed on PROD. Only the deep profile is locked there, because it attaches a debugger to the tab. **Which edition do I need for performance budgets?** The profiler and budgets are part of the Pro edition. Sharing budgets with the whole team via team sync needs the Team edition; exporting them as JSON works with Pro. **Does the profiler send measurement data to a server?** No. Measurements stay locally in the browser, without query strings. Export as Markdown and the print view only happen on a click and stay in your browser. Your question isn’t here? Talk to me: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Get in touch](https://fronttailor.com/en/contact) --- # Clear UI5 cache & switch debug mode in one click · FrontTailor Source: https://fronttailor.com/en/docs/tools > Tools for UI5 developers: clear caches, sap-ui-debug for your own code only, URL presets, app language, open in editor and a deployment check. ## Tools The Tools tab bundles what UI5 developers need every day: clear caches selectively, load debug sources for your own code only, set theme, RTL or language as URL parameters, jump from a control to your editor and check whether the browser runs the deployed version. All of it is part of the free Community edition. **Edition** Community **Tab** “Tools” **Shortcut** Alt+Shift+K (command palette) **Surfaces** DevTools panel and side panel **On PROD** reloading with parameters allowed, resets and UI5 version locked This page answers - How do I clear a UI5 app’s cache without wiping the whole browser cache? - How do I debug only my own code without slowing UI5 down? - How do I jump from a control straight to the view file in VS Code? - Is the browser running the version that is deployed? - How do I test the app in another language or right to left? ### The tab at a glance Open the FrontTailor panel in DevTools (F12) or the side panel and choose the Tools tab. It consists of cards you can expand and collapse; their state is remembered. In the DevTools panel the cards sit in two columns from about 1100 pixels width, in the side panel in one. Cache and debug switches sit at the top of the tab. - How many cache targets are selected. Targets the page does not have are not counted. - Reset and reload deletes the selected targets – with double confirmation (see cache). - Reload without cache reloads the page bypassing the HTTP cache and deletes nothing. - The debug switches: URL parameters before the #, below them the address of the UI5 bootstrap. - Apply and reload becomes active as soon as you change a switch. Card | What for Cache | clear cached app data and reload without cache Debug switches | debug sources, preload off, view cache off, theme as URL parameters Debug only your own code | debug sources for the app’s namespace only URL presets and profiles | ready-made parameter sets and your own profiles per host Language | switch the app language and RTL to test the i18n texts Open in editor | editor and path mapping for the jump to the source file Deployment | running version vs. server, cache-buster tokens Flex & adaptations | layers, views and key-user versions, reset your own personalization UI5 version (CDN) | load the app in this tab with another UI5 version from the SAP CDN More tools | Support Assistant, Technical information and the command palette Palette favourites | pinned and recently used actions of the [command palette](https://fronttailor.com/en/docs/command-palette) UI5 log | log level and live entries from sap/base/Log Every switch that reloads puts its parameters before the hash of the address. The launchpad hash (#Object-action?…&/route) and other parameters stay exactly as they were. ### Clear the cache selectively - In the Cache card, choose the targets: Browser cache, Service workers, Web storage, UI5 cache and, in the launchpad, Launchpad personalization. - Click Reset and reload. - The Reset caches? dialog lists every target. Tick I understand that this data will be deleted. – only then does Reset become active. - FrontTailor deletes the targets, reloads the page without cache and shows done, skipped, not available or failed per target. Target | What is deleted Browser cache | HTTP cache and Cache Storage of the tab’s domain only, never globally. Needs the permission “Clear browsing data” once; the browser asks on the first reset. Service workers | registrations and their Cache Storage Web storage | LocalStorage and SessionStorage of the app UI5 cache | the UI5 CacheManager (IndexedDB) Launchpad personalization | all launchpad personalization of your user; only if the launchpad supports it, with its own confirmation FrontTailor never touches cookies or passwords. ### Debug switches Switch | Parameter Debug sources | sap-ui-debug=true – all modules unminified, noticeably slower Component preload off | sap-ui-xx-componentPreload=off View cache off | sap-ui-xx-viewCache=false Flexibility services | sap-ui-flexibilityServices=/ – UI5 does not read this value from the URL; the switch currently has no effect. Theme | sap-ui-theme, chosen from the list A tag in the card header shows how many switches are active in the page and how many changes are pending. Apply and reload sets the parameters and reloads the tab. ### Debug only your own code sap-ui-debug=true loads every module as a debug source – in the launchpad that often takes minutes. Usually your own code is enough. The Debug only your own code card sets sap-ui-debug to the app’s namespace. The demo app’s namespace is detected; UI5 itself stays optimized. - Detected namespaces of the loaded apps, as check boxes. Add more below – for example a team library – and click Add. - Reloads with: the parameter used for the reload. - Reload: own code only. Switch debug off removes the parameter again. - Open the Debug only your own code card and check the detected namespaces. - Click Reload: own code only. - After the reload the card header says Own code. Your modules come as -dbg.js with comments, the UI5 libraries stay bundled. Built apps (ui5 build) have -dbg files; without one UI5 loads the normal file. In the launchpad the parameter goes into the outer URL; for an app in an iframe FrontTailor adds sap-iframe-params=sap-ui-debug so the launchpad passes it on. ### URL presets and profiles Two presets ticked – one click reloads with both. - Tick presets. Several can be combined; presets with the same parameter exclude each other. - Reload with selection – the number counts the selected presets. - Save as profile stores the selection as a profile for this host. Preset | Parameter Horizon Dark | sap-ui-theme=sap_horizon_dark Right to left (RTL) | sap-ui-rtl=true Accessibility mode | sap-ui-theme=sap_horizon_hcb and sap-ui-animationMode=none Debug own code | sap-ui-debug= with the app’s namespaces Debug everything | sap-ui-debug=true Without component preload | sap-ui-xx-componentPreload=off Without key user adaptations | sap-ui-fl-max-layer=CUSTOMER_BASE, up to UI5 1.119 only; display only, nothing is deleted Logon language | sap-language=, for example DE, EN or 1Q Client | sap-client=, three digits Remove preset parameters takes the parameters out of the address again. Saved profiles holds up to 20 profiles per host; Apply reloads with a profile, Remove deletes it. Export and Import exchange profiles as JSON. Profiles only accept sap-* parameters and reject names that look like credentials (token, password, session …). ### Language and RTL The Language card also names the app’s supportedLocales and fallback language. - Language: sets sap-ui-language in the URL. The list also holds Test languages (SAP pseudo languages). - Right to left (RTL): sap-ui-rtl=true mirrors the layout without changing the language. - Reload with language. - Switch without reload: UI5 updates bound i18n texts and formatted dates and numbers right away. OData texts, Fiori elements annotations and texts set once in code keep the old language until the next reload. Browser language removes sap-ui-language and sap-ui-rtl again. Find missing translations with [Quality: i18n & accessibility](https://fronttailor.com/en/docs/i18n-and-accessibility). ### Open in editor From a control in the inspector or from the visible view you jump straight to the source file – for XML views to the control’s line. For that you tell FrontTailor once which editor you use and in which local folder an app’s files live. - Open the Open in editor card and choose your editor under Editor. - Under Path mapping, click the app’s detected namespace or Add mapping. - As Local folder, enter the absolute path that holds the files – usually webapp, for example /Users/me/projects/demo-freestyle/webapp or C:\dev\app\webapp. - Click Save. Current app now lists views, controllers, Component.js and manifest.json as links. - In the [Inspector](https://fronttailor.com/en/docs/inspector), select a control and click Open in editor. The browser asks before it starts the editor. One mapping is enough: the app’s namespace → the local webapp folder. - Editor: opens files via its link scheme. - Path mapping: Namespace → Local folder, with a bin to remove it. - Save. - Current app: all visible own views with their controller, plus Component.js and manifest.json. The icon next to it reads the visible view again. In the inspector: view with line and controller of the selected button. - Open in editor in the control’s details. - The link to the view, here with the line that holds the control’s ID. Below it the controller; Path mapping leads to the card. Editor | Link VS Code | vscode://file/… VS Code Insiders | vscode-insiders://file/… Cursor | cursor://file/… IntelliJ IDEA | idea://open?file=…&line=… WebStorm | webstorm://open?file=…&line=… - Up to 30 mappings. If both ft.demo and ft.demo.freestyle have one, the longer namespace wins. - If the ID is not in the view, FrontTailor searches the view’s own fragments (one level deep). If it does not find it, the link opens the view at the top. - Fiori elements views belong to the framework; there is no own source file for them. The app’s Component.js and manifest.json are linked anyway. - The mapping stays in this browser: not in sync, not in exports or team packages, because local paths differ per device. - FrontTailor reads the view source only from the app’s own server (same-origin); nothing goes to third parties. ### Check the deployment The Deployment card answers the question after every transport: is the browser running the version that is on the server? A click on Check deploy compares the app and UI5 version in the browser with the deployed version, and the cache-buster tokens of the loaded files with the current index. The demo app is current; it loads its files without a cache-buster token. - The verdict. - Per app component and for UI5: version Running and Server with a state. - Cache buster: counters for files with a token, app files without a token and stale tokens, below them the list – stale ones first – and the ETag check of Component.js. Verdict | Meaning “The browser runs the deployed version.” | everything is current “Newer version deployed – clear the cache and reload.” | The Clear cache and reload button deletes service workers, the UI5 cache and – if already granted – the browser cache and reloads; double confirmation. “The running version differs from the server …” | another version, but not newer: a rollback or another build “No conclusion possible …” | The server delivers no comparable version information, for example without applicationVersion. The check only reads: after the click it requests manifest.json, sap-ui-cachebuster-info.json and sap-ui-version.json from the app’s own server, without cache and without changing the cache. It does not request other origins. Administrators who roll FrontTailor out in a company have their own page: [Enterprise deployment](https://fronttailor.com/en/docs/enterprise-deployment). ### Flex & adaptations The card shows whether SAPUI5 flexibility is active for the app, which connectors are configured and how many changes and views sit on which layer (USER, CUSTOMER, VENDOR …), plus every variant management with its current and default view and, as far as UI5 keeps them in memory, the key-user versions. Reading sends no requests. - Check again reads the state again. - Reset deletes only your own personalization in the USER layer. Next to it, Reset control resets the changes to one control and Reset views your own views of one variant management. Key-user and public views stay. - Every reset asks twice and lists the affected objects first. If the app does not load sap.ui.fl – like the freestyle demo app – the card header says sap.ui.fl not loaded. ### UI5 version from the CDN The UI5 version (CDN) card loads the app with another UI5 version from the official SAP CDN – in this tab only and without a deployment. Your own libraries outside sap/ and the app itself stay on the server. - Enter the version. Load version list fetches the list from the CDN – only on click, with the address shown next to it. - Click Switch on and reload. The dialog shows exactly which addresses are redirected where and warns about limits such as the page’s content security policy. If the app already loads UI5 from the CDN, the browser also asks for access to that address. - After the reload a banner above the tabs shows the active version. Switch override off restores the original version; that always works, on PROD too. Closing the tab and restarting the browser also end the override. With a strict content security policy on the page, UI5 does not start with the redirected version; the banner shows that. ### More tools, palette and UI5 log Element | Effect Support Assistant · Start | checks the app against UI5 rules; loads from the app’s UI5 resources Technical information · Open | the app’s UI5 diagnostics window Command palette | shows the shortcut (Alt+Shift+K); Change shortcuts opens chrome://extensions/shortcuts. All about the palette: [Command palette](https://fronttailor.com/en/docs/command-palette) Palette favourites | manage pinned and recently used actions UI5 log · Log level, Show live | entries from sap/base/Log live in the panel, filterable by component and text, Deprecations only, Clear. The bridge only runs while the card is open and Show live is on. Many of the tab’s actions are also in the palette and the extension popup (cache reset, debug on/off, URL profiles). They go through the same checks. ### On PROD On PRODIf the host is marked as PROD ([Host profiles and PROD](https://fronttailor.com/en/docs/host-profiles-and-prod)), FrontTailor locks everything that deletes data or changes the runtime: the cache reset, Clear cache and reload, the flex reset and the UI5 version from the CDN. The cards show the tag PROD – locked in their header, the dialog only the lock note. The lock sits in the extension’s background and also applies to the palette and the popup. Reloading with parameters – debug sources, theme, RTL, language, client – stays allowed because it only affects your own tab; setting sap-ui-layer and sap-ui-flexibilityServices is refused on PROD. ### Typical problems What you see | Cause and fix “Permission not granted: the browser cache is skipped.” | The permission “Clear browsing data” was declined. The other targets still run; the browser asks again on the next reset. After Reload: own code only the files are still minified | The app is not built with ui5 build and has no -dbg files; UI5 then loads the normal file. “No path mapping for …” in the inspector | The namespace has no mapping. Click Set up mapping – the Open in editor card expands. Clicking an editor link does nothing | The editor is not installed or has not registered its link scheme. The browser asks before starting it; without an editor nothing happens. Without key user adaptations is greyed out | From UI5 1.120 on, UI5 takes the highest layer only from the flex session. Use the Flex & adaptations card. After switching on the UI5 version the app does not start | Usually the content security policy blocks the scripts from the CDN. Click Switch override off. ### See also - Features at a glance [Features · Tools & developer comfort](https://fronttailor.com/en/features#inspector) - Further reading [SAPUI5 – The Comprehensive Guide](https://www.sap-press.com/sapui5_6012/) (SAP PRESS) - Further reading [SAP Fiori Elements – Development and Extensibility](https://www.sap-press.com/sap-fiori-elements_5641/) (SAP PRESS) - Help from people [Hands-on workshops on SAPUI5, Fiori elements, OData and CAP](https://fronttailor.com/en/services#hands-on) - Docs [Inspector](https://fronttailor.com/en/docs/inspector) - Docs [Command palette](https://fronttailor.com/en/docs/command-palette) - Docs [Quality: i18n & accessibility](https://fronttailor.com/en/docs/i18n-and-accessibility) - Sources ADR-008 · ADR-039 · ADR-011 · ADR-012 · ADR-024 Frequently asked ### Short answers. **How do I clear the cache of a SAPUI5 app?** In the Tools tab, choose the targets in the Cache card (browser cache of the domain, service workers, web storage, UI5 cache) and click Reset and reload. After the confirmation the page reloads without cache. Only the tab’s domain is affected. **How do I debug only my own UI5 code?** The Debug only your own code card sets sap-ui-debug to the app’s namespace, for example sap-ui-debug=ft/demo/freestyle/. Only those modules load as -dbg.js; UI5 itself stays bundled and fast. **How do I open a UI5 view from the browser in VS Code?** Once, in Tools › Open in editor, choose the editor and map the app’s namespace to a local folder. After that, Open in editor in the inspector opens the view at the control’s line; the browser asks first. **Can I use the tools on PROD?** Partly. Reloading with debug sources, theme, language or client is allowed because it only affects your own tab. Cache reset, flex reset and the UI5 version from the CDN are locked on PROD. Your question isn’t here? Talk to me: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Get in touch](https://fronttailor.com/en/contact) --- # Fiori launchpad: check tiles and target mappings · FrontTailor Source: https://fronttailor.com/en/docs/launchpad-inspector > Which app is behind a tile in the Fiori launchpad? Click the tile and see intent, target mapping, space, page and component – without opening the app. ## Launchpad inspector The launchpad inspector answers the most common question when running SAP Fiori® launchpads: which app does this tile open, and why? You click a tile and see intent, target mapping, placement and the resolved component – plus a profile of the launchpad and the registered shell plugins. The tab is part of the Enterprise edition. **Edition** from Enterprise **Tab** “Launchpad” **Surfaces** DevTools panel and side panel **Launchpads** ABAP, central launchpad, SAP Build Work Zone, sandbox **On PROD** allowed – the tab changes nothing This page answers - Which app does this tile open in the Fiori launchpad? - Which target mapping resolves an intent? - In which space and on which page is a tile? - Which launchpad variant and UI5 version runs on this system? ### The tab at a glance Open the app in the launchpad, then the FrontTailor panel in DevTools (F12) or the side panel, and choose the Launchpad tab. The tab only reads the launchpad; it changes no tile, no role and no setting. The tab on the demo launchpad (launchpad sandbox), no tile picked yet. - Pick tile starts pick mode. Next to it, Refresh reads the launchpad again. - Copy as Markdown puts the whole state on the clipboard; the Export menu next to it offers Copy as JSON, Download JSON and Download Markdown. - The detected variant of the launchpad. - The system profile: platform, launchpad version (sap.ushell), UI5 version, theme, language, user, spaces and pages, start intent – depending on the launchpad also system, client, system role, product and content providers. Below, Shell plugins lists the plugins the launchpad has registered, with their component and – if switched off – the note disabled. When you move to another app or back to the home page, the tab reads the state again by itself; it polls nothing in the background. ### Inspect a tile - Click Pick tile. The panel says: “Pick mode is on: click a tile in the launchpad to inspect it. The click does not open the app.” - Move the mouse over the tiles. A frame shows the tile under the pointer. - Click the tile. The app does not open; the tile stays marked for a moment. Esc or Stop picking cancels. - The Picked tile card appears with the three sections below. In pick mode, the frame labels the tile under the pointer. The picked tile: intent #FTProduct-display, resolved to the component ft.demo.freestyle. - Tile: title, subtitle, target, kind (intent or URL), visualization, visualization type and the control in the launchpad. - Placement: space, page and section – in classic launchpads group and catalogs. - Target mapping and resolution: intent, source, business app, inbound, parameters, application type, component, component URL and navigation mode. The source says where the mapping comes from: Inbound of the site (the launchpad ships its inbounds to the browser) or Resolution of the launchpad. An ABAP launchpad keeps target mappings on the server; the tab then shows the note “This launchpad keeps target mappings on the server: only the resolution result is visible in the browser.” If an inbound has parameters, they appear in a table with required, default and filter. ### The current app When an app is open in the launchpad, Current app shows title, app id, version, intent, application type, component, component URL, minimum UI5 version, libraries, reused components and startup parameters. On the home page it says that the launchpad shows its home page instead. The demo’s orders app in the launchpad: component, minimum UI5 version and loaded libraries. ### Detected launchpads Variant in the tab | Note ABAP Fiori launchpad | Target mappings live on the server; the resolution result is visible. Central launchpad (content federation) | with content providers in the profile SAP Build Work Zone, standard edition or advanced edition | detection partly derived from the URL Launchpad sandbox | local development, such as the demo launchpad Unknown launchpad | There is a sap.ushell container, but no known variant. If the tab can only infer the variant from the URL, it adds (derived from the URL). If a launchpad version lacks an interface, the tab names what is missing as a result: “Not available in this launchpad version: …” – for example current app, spaces or registered plugins. ### Share the result Copy as Markdown fits into a ticket or a chat; JSON is handy for comparing two systems. Everything is created locally in the browser – FrontTailor sends nothing. The tab masks the user already in the display: initials and e-mail domain; user id and name never leave the page. With from Pro you get the AI entry Explain intent at the top right – with your own key, see [AI assistant](https://fronttailor.com/en/docs/ai). On PRODThe tab is fully usable on a host marked as PROD ([Host profiles and PROD](https://fronttailor.com/en/docs/host-profiles-and-prod)): it only reads, and the click in pick mode opens no app. Companies that do not want the module switch it off by policy. ### Typical problems What you see | Cause and fix No launchpad | The app runs without a launchpad (no sap.ushell container in the page). Open it from the launchpad. A tile in search, the App Finder or the user menu cannot be picked | Pick mode does not recognise these places. Pick the same tile on a page or in a group. No inbound, only the resolution | The launchpad keeps target mappings on the server (ABAP). That is not an error; the resolution shows what actually starts. Variant with (derived from the URL) | The variant is an estimate. If in doubt, check the profile (platform, content providers). Without a launchpad in the page, the tab shows only this notice. The launchpad inspector is tested on the demo’s launchpad sandbox. ABAP launchpads with spaces and classic groups and the detection of SAP Build Work Zone and the central launchpad are not yet fully tested on real systems. ### See also - Features at a glance [Features · betrieb](https://fronttailor.com/en/features#betrieb) - Further reading [Configuring SAP Business Technology Platform – The Practical Guide for Administrators](https://www.sap-press.com/configuring-sap-business-technology-platform_6080/) (SAP PRESS) - Help from people [Launchpad, roles and authorizations](https://fronttailor.com/en/services#launchpad) - Docs [Roles and authorizations](https://fronttailor.com/en/docs/roles-and-authorizations) - Docs [Health and morning check](https://fronttailor.com/en/docs/health-and-morning-check) - Docs [Host profiles and PROD](https://fronttailor.com/en/docs/host-profiles-and-prod) - Sources ADR-022 Frequently asked ### Short answers. **How do I find out which app a tile in the Fiori launchpad opens?** In the Launchpad tab, click Pick tile and then the tile. FrontTailor shows intent, target mapping and the resolved component without opening the app. **Do I see the target mapping on an ABAP launchpad?** Only the resolution result. An ABAP launchpad keeps target mappings on the server; the tab shows the component, URL and application type the app actually starts with. **May I use the launchpad inspector on PROD?** Yes. The tab only reads and changes nothing in the launchpad. It shows the user masked, with initials and e-mail domain. **Which edition includes the launchpad inspector?** The Enterprise edition. The 7-day trial unlocks it as well. Your question isn’t here? Talk to me: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Get in touch](https://fronttailor.com/en/contact) --- # Monitor Fiori apps: health and morning check · FrontTailor Source: https://fronttailor.com/en/docs/health-and-morning-check > See backend latency, error rate and session of a Fiori app live, replay click sequences as a synthetic check and test all apps by traffic light every morning. ## Health and morning check Two tabs for running SAP Fiori® and UI5 apps: Health shows how the app is doing right now – latency, error rate, session, login and last error – and replays recorded click sequences as a synthetic check. The morning check opens all apps of a list one after another and reports by traffic light what does not start. Both are part of the Enterprise edition. **Edition** from Enterprise **Tabs** “Health” and “Morning check” **Data source** the OData console’s recording, no extra request **Morning check** up to 20 lists of 30 apps, 7 runs per list **On PROD** reading and morning check allowed, replaying clicks locked This page answers - How fast does my Fiori app’s backend answer right now? - Has my session or the CSRF token expired? - How do I check after a transport that all apps start? - How do I replay a click sequence and measure load times? ### The Health tab Open the FrontTailor panel in DevTools (F12) or the side panel and choose Health. The status bar at the top is computed from the recording of the [OData console](https://fronttailor.com/en/docs/odata-console): it sends no request of its own but evaluates what the app talks to its backend anyway. In the side panel it is compact. After a simulated HTTP 500, Last error is red; below are the recorder bar and the tab’s cards. - Backend latency: median and p95 of the last 50 completed requests. - Error rate: share of responses with status 400 or above, status 0 or network errors – including single parts of a $batch. - Session: estimated time left or last activity … ago. - Login & CSRF: 401 and 403 of the last two minutes and rejected CSRF tokens. - Show request jumps to the OData console and selects the failed request. Figure | Yellow from | Red from Backend latency (p95) | 1 s | 3 s Error rate | 5 % | 20 % Login (401/403 in two minutes) | 1 | 3 CSRF | – | token rejected Replays from the OData console do not count. If OData recording is off for the host (policy or your own choice), the tab says so instead of showing empty values. ### Session and tokens The browser does not know when the server session expires: the cookie is HttpOnly, and FrontTailor reads no cookies. The Session & tokens card therefore estimates: - the timeout from the launchpad configuration (the same setting the launchpad uses for its own sign-out dialog) – with reminder and automatic sign-out, if set; - the starting point from the last successful backend request; - a new backend session when sap-contextid changes between two requests. The remaining time is marked as an estimate; ICF, approuter or identity provider may have their own timeouts. Without a launchpad it only says “No launchpad: the session timeout is not visible in the browser.” If the ABAP add-on is installed ([backend service](https://fronttailor.com/en/docs/roles-and-authorizations#backend-service)), the timeout comes from the system instead of the launchpad. A rejected CSRF token (403 with x-csrf-token: Required) is reported explicitly: session or token expired, the app must fetch a new token. ### Synthetic check Record a click sequence once and replay it when needed – for example after a deployment, to compare load times. The recorder bar is the same as in the Report a problem and Scaffolding tabs; all three see the same recording. - Click Record in the recorder bar. The bar counts steps and time (at most 200 steps and 10 minutes). - Click through the flow in the app. Only real user clicks count; typed text is only recorded if you tick Record typed text (masked). - Click Stop. The Synthetic check card lists the steps. - Choose the Timeout per step (5, 10 or 30 s) and click Run check. Two recorded clicks, replayed in the same tab: wait, load time and requests per step. - The steps with status, wait until the control appears, load time and number of requests. - The result: Check passed in … or Check failed after …. - Run check replays the sequence in the current tab, starting at the same location hash. For each step the check finds the control, clicks it and waits until the page has been quiet for 500 ms. If it cannot find a control (Control not found) or time runs out (Timeout), it skips the remaining steps. Generated ids like __button3 often differ after a reload; the tab marks such steps with generated id. On PRODOn a host marked as PROD ([Host profiles and PROD](https://fronttailor.com/en/docs/host-profiles-and-prod)), replaying is locked: “Replay is locked on PROD systems: it changes the state of the app.” The extension’s background refuses the check even if the request bypasses the panel. Reading figures and recording stay allowed. ### The morning check Instead of opening ten apps by hand every morning: a check list opens them one after another in a background tab, waits until each one is quiet and closes it again. Nothing runs before you click. - Choose the Morning check tab and click Create list – or Start with this app, then the current app is already in it. - Add apps: a URL or a launchpad intent such as SalesOrder-display. For intents the list needs the Launchpad URL. Add current app takes over the tab’s page. - Save, then Start check. In the same click, FrontTailor asks once per system for access; apps of systems without access stay grey. - The report fills app by app. Stop ends the run after the current app. A check list with two launchpad intents, a CAP app and an outdated URL. - Launchpad URL (for intents) – the check opens every intent of the list there. - Open apps in: background tab or own window. Browsers slow down timers in background tabs; an own window measures closer to a real start. Only compare runs of the same mode. - The list’s apps, up to 30, each with name, target and optionally the steps of a saved recording. - Add current app. FrontTailor removes session-bound parameters such as sap-iapp-state, and user and password in URLs when saving. List setting | Default Yellow from (s) | 5 Red from (s) | 15 (never below yellow) Time limit per app (s) | 60 Open apps in | Background tab ### Report and traffic light The second run of the day: the old URL returns HTTP 404, the CAP app has an error in the UI5 log. - Run: choice of earlier runs with their balance (green, yellow, red). - A red app with its reason – here HTTP 404. Details expands failed requests and UI5 log errors, Open app opens it. - The comparison with the last run of the same list, for example today 2.1 s, now 679 ms – two runs on the same day are compared as “today” and “now”. - Export: Copy as Markdown, To issue reporter and files as Markdown, CSV and HTML. Light | When Red | HTTP error, load error, no UI5, redirected (for example to the identity provider), timeout, steps failed, start at or above the red threshold Yellow | start at or above the yellow threshold, clearly slower than in the last run (at least 1 s and 1.5 times), never quiet, errors in the UI5 log, failed requests Green | otherwise Grey (“not checked”) | no access, policy, licence, invalid target, stopped In the comparison the report counts failed requests as new or fixed. FrontTailor masks exports with the PII rules of the [issue reporter](https://fronttailor.com/en/docs/report-a-problem); To issue reporter opens the Report a problem tab with title and description, and nothing is sent before preview and click. On PRODThe morning check may open PROD apps – it does nothing a user would not do. It does not run stored steps on PROD, though: the column shows locked (PROD), and the extension’s background refuses the steps as well. ### Daily reminder In the Daily reminder card, switch on Remind me every day, choose the time (05:00 to 12:00 in quarter hours) and, if you like, Monday to Friday only. At that time a sun ☀ appears on the FrontTailor icon and a note in the tab. The check does not start by itself and nothing is sent; the sun disappears with the next run. Check lists can be shared in the team via [Team sync](https://fronttailor.com/en/docs/team-sync); they then carry the Team tag. Runs are not shared. Lists and the last seven runs per list stay in the browser, request addresses without query strings. ### Typical problems What you see | Cause and fix “No OData requests recorded yet” | The app has not talked to its backend yet. The values appear with the first request. “Timeout not visible in the browser” | The app runs without a launchpad, or the launchpad has no timeout in its client configuration. The session then only shows the last activity. Synthetic check: Control not found | Often a generated id that changed after the reload. Record the step again on a control with a stable id. Morning check: app stays grey | No access to the system, host locked by policy or no licence for this host. You grant access with the next Start check. Morning check: red Redirected to … (login?) or No UI5 app found | The login has expired and the app lands at the identity provider. Sign in once in the browser, then start again. ### See also - Features at a glance [Features · betrieb](https://fronttailor.com/en/features#betrieb) - Further reading [Configuring SAP Business Technology Platform – The Practical Guide for Administrators](https://www.sap-press.com/configuring-sap-business-technology-platform_6080/) (SAP PRESS) - Help from people [Fiori performance review](https://fronttailor.com/en/services#performance) - Docs [OData console](https://fronttailor.com/en/docs/odata-console) - Docs [Backend jump](https://fronttailor.com/en/docs/backend-jump) - Docs [Release check](https://fronttailor.com/en/docs/release-check) - Docs [Team sync](https://fronttailor.com/en/docs/team-sync) - Sources ADR-023 · ADR-043 · ADR-028 Frequently asked ### Short answers. **Does the Health tab send its own requests to the backend?** No. The figures come from the OData console’s recording, that is from the requests the app sends anyway. **How accurate is the remaining session time?** It is an estimate: the timeout from the launchpad configuration, counted from the last successful backend request. Server, approuter or identity provider may have their own timeouts. With the ABAP add-on the timeout comes from the system. **Does the morning check start by itself?** No. The daily reminder only puts a sun on the FrontTailor icon. The check runs only after you click Start check. **May I run the morning check on PROD?** Yes, it opens the apps like a user. It does not run recorded steps on PROD. Your question isn’t here? Talk to me: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Get in touch](https://fronttailor.com/en/contact) --- # OPA5, wdi5 and Playwright tests from the app · FrontTailor Source: https://fronttailor.com/en/docs/scaffolding-and-recorder > Test scaffolds from the running UI5 app: page objects and journeys for OPA5, wdi5 and Playwright, mock data and snippets – record the click path. ## Scaffolding & recorder The “Scaffolding” tab generates test code from the app as it is running: page objects with stable selectors, journeys from a recording, a QUnit skeleton for the controller, mock data from the recorded OData requests and snippets. The shared recorder provides the click path. **Edition** from Pro **Tab** “Scaffolding” **Sections** Page object, Journey, Unit test, Mock data, Snippets **Frameworks** OPA5, wdi5, Playwright **Recorder** Community, also in “Report a problem” and “Health” **On PROD** unrestricted, it only reads This page answers - How do I generate an OPA5, wdi5 or Playwright page object for a UI5 view? - How does a click path become a journey test? - Which selector is most stable for a UI5 control? - How do I get mock data for the MockServer or the FE mockserver? - Are my inputs stored while recording? ### The tab at a glance Open the app and the Scaffolding tab in the panel. At the top, choose the Scope: Automatic (largest visible view), a specific rendered view or the control selected in the [Inspector](https://fronttailor.com/en/docs/inspector). Read again reads the view again. On the right you see what was detected: view, controller, number of controls and controller methods. from Pro The Getting started card sums up the path in three steps: record, generate, run. Each section also has Learn more with prerequisites, where the file goes and next steps, and next to every piece of code, Code explained jumps to the relevant lines. ### Generate a page object The page object of the freestyle demo app’s master view, here for OPA5. - Scope: which view or container is described. - The detected view with controller, number of controls and controller methods. - The five sections: Page object, Journey, Unit test, Mock data, Snippets. - The interactive controls of the view, each with role and selector strategy. The checkbox decides whether a control goes into the page object. Next to it: Copy selector as …. - Test framework: OPA5, wdi5 or Playwright. - Copy and Download the code. For every control, FrontTailor picks the most stable selector available: Strategy | When View ID | Stable ID in the view – the most robust selector. In Playwright the end of the DOM ID, so the same locator works standalone and in the launchpad. Global ID | Own ID outside a view: stable as long as the ID is unique. Matcher | Generated ID: the selector uses control type, binding path or text instead. Generated ID | Generated ID without text or binding: the selector will break. The UI warns and the code marks the spot – give the control an ID. The code addresses list items via the list and the item’s binding path. Values typed into input fields are never part of the view description. ### Record the click path The recorder is a shared recording bar. It appears in the Journey section, in the [Report a problem](https://fronttailor.com/en/docs/report-a-problem) tab and in the [Health](https://fronttailor.com/en/docs/health-and-morning-check) tab – all three show the same recording. The recorder itself is part of the Community edition; what you turn it into has the edition of the respective module. Community - Click Record – or start from the [command palette](https://fronttailor.com/en/docs/command-palette) with Start/stop recording. - Use the app like a user. Presses, selections, searches and navigation become steps. - Click Stop. You can now move or delete steps. - Choose under Use as … what it should become. Two clicks into the product list make four steps: one press and its navigation each. - The state: Recording … or Not recording. - Step counter and time, each with its limit: at most 200 steps and 10 minutes. If a recording ends at a limit, the bar says so. - Stop, next to it Discard. - Record typed text (masked) – off by default, see below. - The steps with kind, control and time offset; move and delete on the right. Inputs: without the opt-in, the recorder records no typed text and no search terms. The step then reads “value not recorded”, the generated code has TODO: value not recorded. The opt-in applies to this recording only, and the values are masked inside the page already with the privacy rules of [Report a problem](https://fronttailor.com/en/docs/report-a-problem), including your administrator’s mandatory rules. The key of a selection and the state of a switch are app data and are kept, masked as well. One recording, five uses. Use as … | Result Bug report (steps to reproduce) | Attaches all steps as a “Recorded steps” table to the report in [Report a problem](https://fronttailor.com/en/docs/report-a-problem). OPA5 journey, wdi5 journey, Playwright journey | Opens the Journey section with this framework. Synthetic check | Takes presses and switches into a check in [Health](https://fronttailor.com/en/docs/health-and-morning-check); inputs and selections are skipped and counted. If a module is not licensed, its output appears locked with an edition tag; if it is switched off by policy, it is missing. Under Recordings you save recordings under a name in the browser (at most 20 per origin), load and delete them and exchange them as a JSON file. ### Journey from the recording The two clicks become a Playwright journey with stable locators. - Steps from: Recording or Selected controls (the checkboxes in the page object). - Framework: OPA5 starts the component with iStartMyUIComponent, wdi5 with wdi5.goTo, Playwright with page.goto. - Copy and Download. You add the assertions yourself: the code contains TODO lines for the expected outcome. With a configured [AI assistant](https://fronttailor.com/en/docs/ai), Suggest assertions proposes some. ### Unit test for the controller The Unit test section generates a QUnit skeleton with sap/ui/thirdparty/sinon: one test per own controller method, view, router and owner component stubbed, event handlers get an oEvent stub. FrontTailor loads no source code for this – the methods come from the running app. Open in the editor opens the controller in VS Code (vscode://file/…). For that you map a namespace to a local folder once (Map workspace folder); only paths are stored. SAP Business Application Studio is not covered. ### Mock data Mock data from the demo app’s recorded requests, in the format of the V2 MockServer. The source is the recording of the [OData console](https://fronttailor.com/en/docs/odata-console) in this tab. For OData V2 you get localService/metadata.xml, mockdata/.json and a mockserver.js; for OData V4 the layout of @sap-ux/ui5-middleware-fe-mockserver with ui5-mock.yaml. Download ZIP gets everything at once. - Expanded navigations become rows of their entity set, duplicate rows are dropped. - Secret-like fields (password, token …) are replaced. - FrontTailor masks personal data with the rules of [Report a problem](https://fronttailor.com/en/docs/report-a-problem) plus the policy’s mandatory rules. The bar names the rule set, the number of rules and of masked values. - Keys and UUIDs stay unchanged so that navigations work in the mockserver. Check the data before sharing it. ### Snippets The Snippets section contains 12 built-in templates – among them formatter, dialog fragment, UI.LineItem, UI.FieldGroup, Common.ValueList, UI.HeaderInfo, CAP entity and handler, RAP projection and behavior, OPA5 waitFor. FrontTailor fills placeholders from the selected control and an entity set of the recorded metadata; open placeholders stay visible. Create your own snippets with New (at most 200, stored in the browser) and exchange them via import and export. On PROD Scaffolding and recorder only read and change nothing in the app. Both therefore work on a system marked as PROD as well. Only running a synthetic check in [Health](https://fronttailor.com/en/docs/health-and-morning-check) stays locked there. ### Common problems Message or symptom | Cause and fix “No rendered view found.” | Open a view of the app and click Read again. Controls with Generated ID | Their selectors are not stable. Give them an ID in the view. “The recording has no actions a journey can replay (only navigation).” | Record presses or selections in the app, not just page changes via the address bar. “This UI5 version offers no event hook” | In very old versions the recorder only records clicks and navigation. “No OData requests recorded in this tab yet.” | Use the app so the OData console records requests, then read again. “Some requests were recorded without content” | They ran before FrontTailor was active in the page. Reload the app and read again. “The PII rules could not be loaded” | Without a rule set, FrontTailor deliberately creates no mock data. Read again in a moment. ### See also - Features at a glance [Features · Test & report](https://fronttailor.com/en/features#entwickeln) - Further reading [SAPUI5 – The Comprehensive Guide](https://www.sap-press.com/sapui5_6012/) (SAP PRESS) - Further reading [SAP Fiori Elements – Development and Extensibility](https://www.sap-press.com/sap-fiori-elements_5641/) (SAP PRESS) - Help from people [Hands-on workshops on SAPUI5, Fiori elements, OData and CAP](https://fronttailor.com/en/services#hands-on) - Docs [Report a problem](https://fronttailor.com/en/docs/report-a-problem) - Docs [Health and morning check](https://fronttailor.com/en/docs/health-and-morning-check) - Docs [OData console](https://fronttailor.com/en/docs/odata-console) - Sources ADR-020 · ADR-028 Frequently asked ### Short answers. **Can FrontTailor generate OPA5, wdi5 and Playwright tests?** Yes. The Scaffolding tab (Pro) generates page objects and journeys for all three frameworks from the running app, plus a QUnit skeleton for the controller. **Does the recorder record my inputs?** Not by default. Typed text and search terms are only recorded with an opt-in for one recording and are then masked inside the page already. **What does the recorder cost?** The recorder is part of the Community edition. What you make of the recording – journey, bug report or synthetic check – has the edition of the respective module. **Where does the mock data come from?** From the requests the OData console recorded in this tab. Personal data is masked, keys stay unchanged. Your question isn’t here? Talk to me: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Get in touch](https://fronttailor.com/en/contact) --- # Bug reports for UI5 apps with screenshot · FrontTailor Source: https://fronttailor.com/en/docs/report-a-problem > Report bugs in Fiori apps: mark up a screenshot, add click path, failed requests and system info, masked, with preview – to Jira, GitHub or SAP. ## Report a problem The “Report a problem” tab builds a bug report that development or support can work with without asking back: screenshot with markup, the last actions, failed requests, errors and system info. Personal data is masked first, and nothing leaves the browser before your preview and your click. **Edition** from Pro **Tab** “Report a problem” **Shortcut** Alt+Shift+R **Targets** Clipboard, e-mail, file, GitHub, ticket systems **Tickets** Jira, GitHub, GitLab, Azure DevOps (Pro), ServiceNow (Enterprise) **On PROD** unrestricted, the report changes nothing in the app This page answers - How do I report a bug in a Fiori app so that nobody needs to ask back? - How do I keep personal data out of the report? - How do I create a Jira, GitHub or ServiceNow ticket from the report? - How do I prepare an incident for SAP support? ### Start a report There are three ways, and all three immediately take a screenshot of the visible area: - Report a problem in the extension’s popup (click the icon in the toolbar), - the shortcut Alt+Shift+R, - the Report a problem command in the [command palette](https://fronttailor.com/en/docs/command-palette). The side panel then opens with the Report a problem tab. You can also open the tab directly. Take screenshot in the panel works as long as Chrome still allows the capture after your last click on the icon or the shortcut; otherwise the tab tells you what to do. A report without a screenshot always works. from Pro ### Describe and mark up - Enter a Title and describe what happened under Description. - Mark the spot in the screenshot with Rectangle or Arrow. Hide sensitive areas with Pixelate. - Choose under Context what goes into the report. - Choose the Target and click Preview and send…. - Check the report and click the target’s button, for example Copy Markdown. Title, description and the captured screenshot of the freestyle demo app. - Title (required) and Description. - The markup tools Rectangle, Arrow and Pixelate; on the right Undo and Remove markup. - Include in the report decides whether the screenshot goes along. Pixelate replaces each block with its average. The exported image contains only the blocks – the original pixels are gone, unlike with a blur. FrontTailor does not mask text in the screenshot automatically; that is what Pixelate is for. ### What the report contains After the provoked HTTP 500 in the demo app: four actions, one failed request, one error. Part | Content Click trail | The last 20 actions: control type, control ID, event, time. Typed values, texts or page content are never recorded. Only active when Record click trail is on; Clear click trail deletes it. Failed requests | From the [OData console](https://fronttailor.com/en/docs/odata-console): status 400 and above, network errors, failed $batch parts, at most 20, without cookies and tokens. Errors | UI5 log errors, failed requests and uncaught script errors. System info and environment | UI5 version, theme, launchpad, app ID, browser, screen size, time zone. FrontTailor removes parameters with credentials or session reference from the address, including the launchpad hash. More precise than the click trail is a recording with the [recorder](https://fronttailor.com/en/docs/scaffolding-and-recorder#recorder): Use as … → Bug report (steps to reproduce) attaches all steps as a table to the report. ### Privacy: masking Under Privacy you decide what is masked – in the title and the whole report, before the preview appears: Rule | Finds E-mail addresses | name@example.com Phone numbers | Start with +, 00 or 0, at least 7 digits; dates, times and versions do not count. IBAN | Only with a valid checksum. Long digit sequences | Personnel and document numbers, from 8 digits on by default, adjustable. Names from the list | Whole words, case-insensitive. Custom rules (regular expressions) | Name, pattern and replacement, e.g. KD-\d+. Rules your administrator sets by policy are marked Policy and cannot be switched off. The same rules apply to the mock data in [Scaffolding](https://fronttailor.com/en/docs/scaffolding-and-recorder#mockdaten) and to masked inputs in the recorder. ### Preview and targets The preview shows exactly what goes out – e-mail address and phone number are replaced. - The report’s Target. - How many values were masked, per rule. - Each replacement is highlighted in the text. - Only this click hands the report on. Back changes nothing. Target | What happens Clipboard | Markdown to the clipboard. E-mail | Opens your e-mail program with subject and text; the full text is also on the clipboard. You download the screenshot separately. File | Downloads Markdown and PNG with the same name. GitHub | Opens a new issue in the configured repository in a new tab; drag the screenshot in there. Ticket | A configured ticket system, see below. With these targets FrontTailor sends nothing itself: the report goes to your clipboard, a file, your e-mail program or a new browser tab. Under Template you adjust the Markdown layout per target; placeholders in double curly braces, such as title, clickTrail or failedRequests, are filled, unknown ones stay visible. Your administrator can restrict the allowed targets. ### Tickets in Jira, GitHub, GitLab, Azure DevOps and ServiceNow Choose Ticket as the target and set up a system under Manage ticket systems. Jira (Cloud and Data Center), GitHub Issues, GitLab Issues and Azure DevOps are part of Pro; ServiceNow (Incident) needs Enterprise. from Enterprise A new ticket system – only the configuration is stored, never a token. - System: Jira Cloud, Jira Data Center, GitHub Issues, GitLab Issues, Azure DevOps or ServiceNow (Incident). - API authentication for the direct way. It is asked for when sending; nothing is stored here. Each system offers two ways: - Open prefilled form (default where possible): FrontTailor opens the ticket system’s create page in a new tab, with title and description. You are signed in there as usual and submit it yourself. No token needed. For Jira this needs numeric project and issue type IDs. - Create directly (API): after your click, FrontTailor creates the ticket and uploads attachments where the system allows it. The preview lists every request beforehand with method, address and content. On the first send, the browser asks for access to the ticket system’s address. You enter token and password when sending. With Keep while FrontTailor is active, FrontTailor holds them only in the background’s memory – never in a storage area or on disk. When Chrome ends the background after a short idle time, the token is forgotten; Forget deletes it at once. ### Prepare an SAP incident The SAP incident card shows the application component from the app’s manifest (sap.app.ach) – or a note that it is missing. Prepare SAP incident turns it into a text in the structure SAP support expects. The incident text for the demo app, component LO-MD-MM. - Language of the text: English or German, independent of the UI. - How many values were masked – the same rules as for the report apply. - The text: subject, component, system, release (with a note where to find it), UI5 version, app, browser, time, description, steps, expected and actual result, impact and the failed requests with request IDs. - Copy text; next to it Download (.txt). Nothing is sent to SAP: you create the incident in SAP for Me yourself and paste the text. Search the SAP knowledge base copies a search term from component and first error text to the clipboard and opens the search in SAP for Me. from Pro On PROD A report only reads and changes nothing in the app. You can therefore create one on a system marked as PROD as well – that is exactly where masking and preview matter. ### Common problems Message or symptom | Cause and fix “Chrome allows screenshots only after you clicked …” | Chrome only allows the capture after a click on the extension’s icon or Alt+Shift+R. Then take it again – or report without a screenshot. “The tab is not visible.” | Bring the tab to the front and take the screenshot again. Click trail empty | Record click trail is off. Switch it on and repeat the steps. No failed requests in the report | The OData console is switched off by your administrator; without it there are no failed requests. Ticket system locked with an edition tag | ServiceNow needs Enterprise, the other systems Pro. No prefilled form for Jira | Without numeric project and issue type IDs, Jira only offers the direct way via the API. Token asked for again after a break | Intended: the kept token lives only in memory and disappears when Chrome ends the background. ### See also - Features at a glance [Features · Test & report](https://fronttailor.com/en/features#entwickeln) - Further reading [SAPUI5 – The Comprehensive Guide](https://www.sap-press.com/sapui5_6012/) (SAP PRESS) - Further reading [Security and Authorizations for SAP Business Technology Platform](https://www.sap-press.com/security-and-authorizations-for-sap-business-technology-platform_5627/) (SAP PRESS) - Help from people [Release and transport quality](https://fronttailor.com/en/services#release) - Docs [Scaffolding & recorder](https://fronttailor.com/en/docs/scaffolding-and-recorder) - Docs [OData console](https://fronttailor.com/en/docs/odata-console) - Docs [Permissions and privacy](https://fronttailor.com/en/docs/permissions-and-privacy) - Sources ADR-017 · ADR-031 · ADR-041 Frequently asked ### Short answers. **Does FrontTailor send my bug report anywhere?** Not on its own. Every report only goes out after preview and click – to the clipboard, a file, the e-mail program, a browser tab or, if you set it up, directly to a ticket system. **Is personal data masked in the report?** Yes. E-mail addresses, phone numbers, IBAN, long digit sequences, names from a list and custom rules are masked before the preview. You pixelate screenshots yourself. **Does FrontTailor store my Jira or GitHub token?** No. The token is entered per send and, if you wish, only kept in memory while FrontTailor is active – never in a storage area. **Does FrontTailor send the SAP incident to SAP?** No. FrontTailor prepares the text; you create the incident in SAP for Me yourself and paste it. Your question isn’t here? Talk to me: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Get in touch](https://fronttailor.com/en/contact) --- # AI assistant for SAPUI5 with your own key · FrontTailor Source: https://fronttailor.com/en/docs/ai > AI for SAP Fiori development with your own key: Anthropic, Azure OpenAI, SAP AI Core, Gemini, Mistral or local. Masked, with preview, no proxy in between. ## AI assistant The AI assistant answers questions with the context of the running app: failed requests, controls, metadata, manifest, FrontTailor reports. You bring your own provider and key. Every request goes directly from your browser to that provider – only after a preview and your click, with personal data masked. **Edition** from Pro **Tab** “AI” **Providers** Anthropic, Azure OpenAI, SAP AI Core, Google Gemini, Mistral, OpenAI-compatible **Use cases** 35, in the tabs and in the catalogue **Key** Encrypted on the device or in memory only **On PROD** unrestricted, the assistant changes nothing in the app This page answers - How do I use my own AI key for SAPUI5 and Fiori? - Does my request go through a CloudDNA server? - Where is my API key stored? - Can I use a local model (Ollama) or SAP AI Core? - What exactly is sent to the AI provider? ### The tab at a glance Open the AI tab in the panel. As long as no provider is set up, the top reads Not set up, with Set up the AI assistant below. from Pro The AI tab on the freestyle demo app, still without a provider. - The status: Not set up or Ready, next to it the settings. - Set up the AI assistant: choose provider and model, enter the key, save and allow access. Requests go directly from your browser to your provider, never via FrontTailor. - Fits the current situation: use cases that make sense now – after a failed request, for example, Explain error. - Context: building blocks collected locally. Remove what should not be sent. - All AI functions: the catalogue with search. ### Set up provider and key - Choose your provider under Provider. - Check Endpoint and Model. The model field is free; the default is only a suggestion. - Enter your API key. For SAP AI Core, paste the service key as JSON. - Leave Save on this device on or switch it off (see below). - Click Save and allow access. The browser asks for access to the provider’s address. A local model via an OpenAI-compatible endpoint – the key in the picture is a placeholder. - Provider. - Endpoint with a hint per provider. - API key – optional for OpenAI-compatible endpoints. - Save on this device, on by default. - Save and allow access. Provider | What you need Anthropic Claude | API key. The default is claude-sonnet-5-5. Azure OpenAI | Resource URL, deployment name, API key; optionally an API version. SAP AI Core (Generative AI Hub) | Service key (JSON) – it fills endpoint, token URL and client credentials –, deployment ID and resource group. FrontTailor fetches the access token before the request and keeps it in memory only. Google Gemini | API key. Mistral | API key. OpenAI-compatible (Ollama, LiteLLM, gateway) | Base URL including /v1, key optional. Ollama must allow the extension with OLLAMA_ORIGINS=chrome-extension://*. Endpoints must use https. http is only allowed for localhost, 127.0.0.1 and [::1] – for local models – so that keys never travel unencrypted. ### Questions and preview Your own question. The e-mail address in it is masked before sending. - Ready: provider and key are set up. - Your question. - Mask personal data (e-mail, phone, IBAN, long numbers) – on by default. - Context building blocks, removable one by one. - Preview… opens the preview. Nothing is sent yet. The preview shows the exact request: target, masked question, context and headers – the key as ••••. - Target: provider, model, method and URL. For SAP AI Core, the token request comes first. - Every context block, expandable. - The question as it will be sent – here with [EMAIL] instead of the address. - Only Send sends the request. FrontTailor then rebuilds it with the real key and aborts if it differs from what was shown. The answer appears in the conversation, marked as a Suggestion, with Copy answer and copy buttons on code blocks. FrontTailor never applies anything automatically. ### Use cases in the tabs The All AI functions catalogue lists 35 use cases, grouped by tab – from explaining an OData error via a code review of the running app, performance tips and wdi5 tests to annotations, translations and ticket texts. The search finds name, description and tab. Each entry says where it lives, what it needs and what it sends. - A use case with description; Open in … jumps to the matching tab. - Sends: which data this use case gives to the provider. In the other tabs you find the entries in the same place: via the AI button at the top right of the tab or the AI icon in the header. An entry prepares question and context in the AI tab and opens the preview – here too, nothing is sent before your click. Without a Pro licence, the entries show what they would do. ### Where your key lives - Save on this device (default): the key is stored encrypted (AES-GCM) in this device’s browser profile. That protects against accidental disclosure, but not against someone with access to the whole browser profile. On shared computers, switch the checkbox off. - Without the checkbox: the key stays in the extension’s memory only. When the browser ends the background after a short idle time, you enter it again. - Never in browser sync, exports, team packages, bug reports, AI previews or logs. - Forget key in the settings deletes it at once, together with all derived tokens. There is no CloudDNA proxy: the request goes directly from your browser to the endpoint you entered. The provider’s terms and your contract with them govern the processing there. More under [Permissions and privacy](https://fronttailor.com/en/docs/permissions-and-privacy). ### Your administrator’s settings Policy | Effect modules.ai: false | The tab and all AI entries disappear. aiProvider, aiAllowedProviders | Provider fixed or limited to a selection. aiEndpoint | Endpoint fixed (read-only in the form); empty switches the assistant off. aiRequirePiiMasking: true | Masking cannot be switched off. ai.persistKeys: false | Keys in memory only; stored keys are deleted. How policies are distributed: [Enterprise deployment](https://fronttailor.com/en/docs/enterprise-deployment). On PROD The assistant reads context and changes nothing in the app. It can therefore be used on a system marked as PROD as well. That is exactly where a look at the preview pays off: context blocks can contain data from the system. ### Common problems Message or symptom | Cause and fix “Access to the provider is not allowed yet.” | Click Save and allow access or Allow access and confirm the browser prompt. “The provider rejected the key” | Key wrong or expired. Enter it again. “The stored key could not be decrypted and was deleted.” | The profile was partly deleted or the data is damaged. Enter the key again. “The preview has expired.” | A preview is valid for 15 minutes. Open it again. Ollama does not answer | Start Ollama with OLLAMA_ORIGINS=chrome-extension://*. “Save on this device” checkbox locked | Your organisation does not allow storing keys (policy). The key stays in memory. ### See also - Features at a glance [Features · AI with your own key](https://fronttailor.com/en/features#ki) - Further reading [SAPUI5 – The Comprehensive Guide](https://www.sap-press.com/sapui5_6012/) (SAP PRESS) - Further reading [Security and Authorizations for SAP Business Technology Platform](https://www.sap-press.com/security-and-authorizations-for-sap-business-technology-platform_5627/) (SAP PRESS) - Help from people [TailorCampus D6: AI in the SAP landscape](https://fronttailor.com/en/services#ki-sap) - Docs [Permissions and privacy](https://fronttailor.com/en/docs/permissions-and-privacy) - Docs [Report a problem](https://fronttailor.com/en/docs/report-a-problem) - Docs [Enterprise deployment](https://fronttailor.com/en/docs/enterprise-deployment) - Sources ADR-018 · ADR-018 · ADR-017 Frequently asked ### Short answers. **Does FrontTailor’s AI run through a CloudDNA server?** No. You enter your own provider and key, and every request goes directly from your browser to that endpoint – only after preview and click. **Which AI providers are supported?** Anthropic Claude, Azure OpenAI, SAP AI Core (Generative AI Hub), Google Gemini, Mistral and any OpenAI-compatible endpoint, such as Ollama or LiteLLM. **Where is my API key stored?** If you want, encrypted in your device’s browser profile, otherwise in memory only. Never in sync, exports, team packages or reports. Companies can forbid storing keys by policy. **Is personal data sent to the AI?** Before sending, FrontTailor masks e-mail addresses, phone numbers, IBANs and long numbers. The preview shows every replacement and exactly what is sent. Your question isn’t here? Talk to me: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Get in touch](https://fronttailor.com/en/contact) --- # Find Fiori elements annotations in the browser · FrontTailor Source: https://fronttailor.com/en/docs/annotations > Debug Fiori elements: pick a field in the app, see the driving annotation with its source (CAP, $metadata, local file), plus manifest viewer, draft state and ETag. ## Annotations In Fiori elements, annotations drive the UI – and bugs show without a message: a column is missing, a label is wrong. The “Annotations” tab shows, for a field, column or section of the running app, the annotation behind it, its source and which source wins. It only reads and changes nothing. **Edition** from Pro **Tab** “Annotations” **Views** Control, Annotations, Manifest, Draft & ETag **Apps** Fiori elements V4, V2 (partly), freestyle with fallback **On PROD** unrestricted, the module only reads This page answers - Which annotation creates this column or field? - Why does Fiori elements show a different label than defined in CAP? - In which order are $metadata and local annotation files merged? - Is the object page a draft right now, and which ETag does it have? ### The tab at a glance Open the Annotations tab in the panel. At the top, choose the View: Control, Annotations, Manifest or Draft & ETag. Refresh reads the state again. Below are the service’s Sources in the order in which UI5 merges them. from Pro The annotation documents – $metadata and annotation files – come from the log of the [OData console](https://fronttailor.com/en/docs/odata-console). FrontTailor fetches nothing extra for this. Even if you open the tab after the app has loaded, everything is there as long as the console was recording. ### Find the annotation behind a field - Choose the Control view. - Click Pick in app and then a field, column, table or section in the app. Alternatively, select a control in the [Inspector](https://fronttailor.com/en/docs/inspector); the tab takes over the selection. - Read under Annotations of the building blocks which term creates the control, and under Properties which annotations are attached to the properties shown. A cell of the “Order” column in the list report: it comes from UI.LineItem, entry 0, source CAP. - The View; next to it Refresh. - Pick in app, to the right the selected control. Below: flavour (Fiori elements V4), template and entity with Show in diagram. - The Control chain: from the selected control via field and column up to the table, each with its meta path. - Annotations of the building blocks: the term the control uses, with the entry in use highlighted. If a building block points on via AnnotationPath (such as a facet to UI.FieldGroup#General), you see it under Refers to. Further down follow Properties with all annotations of the properties the control shows and – collapsed – the Annotations of the entity, with the driving terms marked. With Pro and a configured [AI assistant](https://fronttailor.com/en/docs/ai), Explain annotations explains the building block. Fiori elements V2 has no meta paths. The tab then uses the entity set, the term from the template’s stable ID and the bindings; that covers field groups, tables and properties. For freestyle controls it says “No Fiori elements building block drives this control”; bound properties are still resolved against $metadata. ### Sources and precedence UI5 merges $metadata first, then the annotation files in the order of dataSources//settings/annotations in the manifest. A later source overrides an earlier one for the same target, term and qualifier. The tab computes it the same way and shows, per term, the effective value with its source and, struck through below, the overridden values. Source | Meaning CAP | $metadata of a CAP service $metadata | $metadata of another backend Backend file | Annotation file from the server (Gateway catalogue service or below a service root) Local file | The app’s own annotation file, such as annotations/annotations.xml V2 attribute | A sap:* attribute from V2 metadata, mapped to a V4 term where unambiguous (for example sap:label → Common.Label). It loses against any explicit annotation. ### Search all annotations The Annotations view lists all targets of the service, grouped by target. The search finds target, term, qualifier, value and source. In the demo app, the local annotation file overrides the label “Notes” from CAP with “Remarks”. - The Sources in merge order, numbered. - Search over target, term, qualifier, value or source; on the right the number of hits. - The source of the effective value. - Overrides: the displaced value with its source, struck through. The tab first shows 60 targets, more with Show more. Show in diagram opens the type in the metadata explorer of the OData tab (see [OData console](https://fronttailor.com/en/docs/odata-console)); a button there leads back. ### Manifest viewer The manifest viewer shows the data source mainService with the local annotation file in position 1. The Manifest view reads the app descriptor of the running component: - App: app ID, title, component, descriptor version, minimum UI5 version, - Flexibility: flexEnabled, number of changes, layers and variant managements, - Data sources with the resolved URI and the order of the annotations, - Models with settings, Routes, Targets with the settings of the Fiori elements pages, for V2 the Pages, - the Complete manifest (shortened for very large descriptors). ### Draft state and ETag Open an object page in the app and choose Draft & ETag. Everything is read from the app’s model cache; FrontTailor sends no request. An order’s object page: active version, no draft, plus the Common.SideEffects of entity, entity set and actions. - State of the page (Active version or Draft) with the bound path, below IsActiveEntity, HasActiveEntity, HasDraftEntity, edit mode, pending changes, transient and keep-alive. - ETag from @odata.etag (V4) or __metadata.etag (V2). - Side effects (Common.SideEffects): what is reloaded when which fields change or after which action. DraftAdministrativeData lists the editor and timestamps of a draft. FrontTailor masks user IDs inside the page already (JDOE → J•••); the full ID never leaves the page. Whatever the app has not loaded shows as “not loaded by the app”. On PROD The tab only reads and changes nothing in the app. It can therefore be used without restriction on a system marked as PROD as well. ### Common problems Message or symptom | Cause and fix “No $metadata captured for this tab yet.” | The app loaded before FrontTailor was active. Reload the app; the OData console then records $metadata and annotation files. “Annotation file “…” from the manifest was not captured.” | The file is missing from the log. Reload the app. “The annotation documents come from the OData console, which your administrator switched off.” | No OData console, no annotations. Control context, manifest and draft state still work. “A document was larger than the console limit (1 MB)” | The document was shortened; annotations at the end are missing. “Picking needs the Inspector module” | Pick in app uses the inspector’s pick mode. If it is switched off by policy, picking is not available. “Meta path not found in $metadata” | The building block points to a path the captured documents do not know – often a typo in the manifest or in an annotation. “No object page is open.” | Draft & ETag needs an open object page. Open an object and click Refresh. ### See also - Features at a glance [Features · Quality](https://fronttailor.com/en/features#qualitaet) - Further reading [SAP Fiori Elements – Development and Extensibility](https://www.sap-press.com/sap-fiori-elements_5641/) (SAP PRESS) - Further reading [Full Stack Development with SAP](https://www.sap-press.com/full-stack-development-with-sap_5733/) (SAP PRESS) - Help from people [Fiori elements and annotations](https://fronttailor.com/en/services#fiori-elements) - Docs [OData console](https://fronttailor.com/en/docs/odata-console) - Docs [Inspector](https://fronttailor.com/en/docs/inspector) - Docs [Model explorer](https://fronttailor.com/en/docs/models) - Sources ADR-019 Frequently asked ### Short answers. **How do I find out which annotation creates a field in Fiori elements?** In the Annotations tab, choose the Control view, click Pick in app and click the field. The tab shows the term, the entry in use and the source. **Which source wins when CAP and a local annotation file annotate the same thing?** The later one. UI5 merges $metadata first, then the annotation files in the order from the manifest. The tab shows the effective value and strikes through the overridden ones. **Does FrontTailor send extra requests to the backend for this?** No. The annotations come from the OData console’s recording, draft state and ETag from the app’s model cache. **Does this work with Fiori elements V2 too?** Partly. Field groups, tables and properties are resolved; facets without a term in the template ID remain open. Your question isn’t here? Talk to me: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Get in touch](https://fronttailor.com/en/contact) --- # SU53 for Fiori: find the missing authorization · FrontTailor Source: https://fronttailor.com/en/docs/roles-and-authorizations > Find a missing authorization in a Fiori app: object and activity from the 403, next steps down to SU53 and the check chain “Why don’t I see this tile?”. ## Roles and authorizations Two tabs for authorization questions in SAP Fiori® apps: Authorizations evaluates the app’s 401, 403 and SAP authorization messages and checks why a tile is missing. Roles asks the system itself through the ABAP add-on – roles, catalogs, start authorization, also for another user. Both are part of the Enterprise edition. **Edition** from Enterprise **Tabs** “Authorizations” and “Roles” **Data source** the OData console’s recording; optionally the ABAP add-on **Users** always masked (D********1) **On PROD** allowed – both tabs only read This page answers - Which authorization object is missing for this 403? - Why doesn’t a user see a tile in the Fiori launchpad? - Which roles, catalogs and spaces does a user have? - Is the start authorization (S_SERVICE) missing for the OData service? ### Evaluate authorization errors The Authorizations tab reads along with the recording of the [OData console](https://fronttailor.com/en/docs/odata-console); it does not ask the page again and sends nothing. As soon as a request comes back with 401, 403 or an SAP message about authorization, service activation or system alias, a finding appears. The tab groups identical findings and counts them. - Open the FrontTailor panel in DevTools (F12) and choose the Authorizations tab. - Trigger the action that fails in the app. - Read the missing object with field and value in the finding and follow the next steps. - Pass the finding to the basis team with Copy as Markdown or Create ticket…. A simulated 403 of the freestyle demo app: object Z_PRODUCT, activity 03. - The finding: kind, request, service, missing object, message code, transaction ID, message and last occurrence. - Next steps with links such as Open SU53 and Open /IWFND/ERROR_LOG. They open SAP GUI for HTML of the same system – only on click. - Copy as Markdown and Download (.md) – per finding or for all. - Create ticket… opens the ticket dialog of the [issue reporter](https://fronttailor.com/en/docs/report-a-problem) with the finding, for example for ServiceNow. Kind in the tab | Detected by | Next step (excerpt) Missing authorization | HTTP 403 or /IWBEP/CM_MGW_RT/022 | SU53, assign the object through a PFCG role, start authorization Not logged on (HTTP 401) | HTTP 401 | log on again, logon procedure of the ICF node (SICF) CSRF token rejected (no authorization problem) | 403 with x-csrf-token: Required | reload the page; otherwise check proxy or Web Dispatcher Service not registered or not active | /IWFND/MED/170 | /IWFND/MAINT_SERVICE, ICF node No system alias for the service | /IWFND/CM_MGW/096 | system alias in /IWFND/MAINT_SERVICE, RFC destination in SM59 ICF node inactive | ICF message | activate the node in SICF It detects standard objects such as S_SERVICE and S_START and named objects (“authorization object Z_PRODUCT”), plus field and value (“activity 03” becomes ACTVT = 03) and named PFCG roles. It evaluates JSON (OData V2 and V4), XML and CAP errors, and parts of a $batch one by one. User ids never appear in clear text: DEVELOPER1 becomes D********1. Exports contain the page URL without query and hash. ### Why don’t I see this tile? The check chain in the same tab explains why a tile is missing in the launchpad. Since the tile cannot be seen, you enter its intent – suggestions come from the launchpad content; if the current hash holds an intent, it is pre-filled. - Open the Authorizations tab in the launchpad. - Enter the intent under Intent, for example SalesOrder-display. - Click Check. The chain runs stage by stage; the summary names the stage where the tile is blocked. Without the backend service: what the launchpad client knows is checked; role and start authorization stay open. - Check starts the chain for the intent entered. - The summary, here: no obstacle found in the launchpad client. - Stages that need PFCG or SU53 data are marked Backend service only – the browser does not guess. Stage | Where the answer comes from Launchpad | launchpad in the page, with platform and client Catalog / content | the user’s content in the launchpad Role (PFCG) | backend service only Target mapping | the launchpad’s resolution: app ID, component, URL Start authorization (S_SERVICE, /UI2/…) | backend service only Tile on a page | the user’s spaces and pages; warning if the app is in the catalog but on no page OData service | the app’s data sources against the OData recording If a launchpad version does not expose some information, the stage is Unknown – never Blocked. Every query has a time limit of 10 s. The chain only runs on click; the launchpad may then load its own modules and page content, and if the target app is not running, FrontTailor reads its manifest.json once from the same origin. For a visible tile, the [Launchpad inspector](https://fronttailor.com/en/docs/launchpad-inspector) is the right tool. ### Roles tab and backend service What the browser cannot know – PFCG roles, catalogs of the role, start authorization – comes from the [ABAP add-on](https://fronttailor.com/en/docs/abap-add-on) /CDNA/FIORITAILOR, a read-only OData V4 service for S/4HANA on-premise and Private Cloud. The Roles tab switches it on per host. StatusSo far the ABAP add-on has only been tested against a simulated service in the automated tests, not yet on a real SAP system. The pictures on this page show that test service with fictitious data. Import, activation and reading some undocumented tables still have to be verified on a real system. - Open the app on the SAP system and the Roles tab in the panel. - Switch on Use backend service. Only now does FrontTailor send any request to the service – with your browser session, on the same host. - If the path differs from the default, enter it under Service path and click Apply. - The state changes to Available; below are system, client, user, add-on, contract and whether you may check other users. The test system’s backend service is available. - Use backend service – only this switch is stored (and a different path), no answers, no users, no tokens. - The service’s state. - System, client, user, add-on, contract, Check other users and service URL. - User: empty for your own user, otherwise another one. State | Meaning Off | switch off; FrontTailor sends nothing to the service. Available | The service answers. Not installed | HTTP 404: add-on missing or SICF node inactive. Not logged on | no SAP session in this browser No authorization | The user lacks the role /CDNA/FT_USER. Incompatible | unknown contract version: update the add-on or the extension Without the service, FrontTailor works as before; the “Backend service only” stages stay open. When the service is available, [Health](https://fronttailor.com/en/docs/health-and-morning-check#sitzung) also takes the ICF timeout from the system. ### Role simulator: what does another user see? - Enter the user in the User and roles card. Before sending, the tab warns that the check is logged in the application log. - Click Show. Roles, catalogs, spaces, groups and reachable intents appear, each with the role that assigns it. - Click a reachable intent to start the check chain for this user – or enter an intent below under Why don’t I see this tile?. Simulation for the test user KEYUSER, logged in SLG1. - The note before sending: checking another user is logged (SLG1, object /CDNA/FT). - The log number after the check. - The user’s roles. - Reachable intents with filter and assigning role. For KEYUSER the tile is blocked at the catalog; the start authorization is missing as well – field by field like SU53. - Checked for – the simulated user. - The summary: The tile is blocked at: Catalog / content. - Start authorization with service and missing value, here S_SERVICE with SRV_NAME and SRV_TYPE. For another user the backend answers catalog, role, target mapping and start authorization. Tile on a page and OData service only describe this browser’s user and stay Unknown in a simulation. For your own user, the Authorizations tab also uses the service once it is available. Only users with the role /CDNA/FT_SIM (object /CDNA/SIM, activity 03) may check other users. The add-on writes every such check to SLG1 first – with caller, target user and intent or service. If it cannot save the entry, it refuses the check. On PRODBoth tabs are allowed on a host marked as PROD ([Host profiles and PROD](https://fronttailor.com/en/docs/host-profiles-and-prod)), because they only read. The Roles tab says there: “PROD system: the simulator only reads and changes nothing.” SLG1 logging of a simulation applies on every system. ### Typical problems What you see | Cause and fix No findings despite errors | OData recording is off for the host. Without it the tab shows a note; the check chain keeps working. The finding names no object | The system’s message names none. SU53 or the authorization trace (STAUTHTRACE) shows which check failed. Check chain: stage Launchpad blocked | The page is not a launchpad. Open the tab in the launchpad, not in the standalone app. Roles tab: Not installed | Add-on missing, SICF node inactive or a different service path. See [ABAP add-on](https://fronttailor.com/en/docs/abap-add-on). Roles tab: other users not allowed | You lack the role /CDNA/FT_SIM. ### See also - Features at a glance [Features · betrieb](https://fronttailor.com/en/features#betrieb) - Further reading [Security and Authorizations for SAP Business Technology Platform](https://www.sap-press.com/security-and-authorizations-for-sap-business-technology-platform_5627/) (SAP PRESS) - Help from people [Launchpad, roles and authorizations](https://fronttailor.com/en/services#launchpad) - Docs [Launchpad inspector](https://fronttailor.com/en/docs/launchpad-inspector) - Docs [ABAP add-on](https://fronttailor.com/en/docs/abap-add-on) - Docs [Backend jump](https://fronttailor.com/en/docs/backend-jump) - Docs [OData console](https://fronttailor.com/en/docs/odata-console) - Sources ADR-025 · ADR-032 · ADR-031 Frequently asked ### Short answers. **How do I find out which authorization is missing in a Fiori app?** Trigger the failing action with the Authorizations tab open. The finding names object, field and value from the error message and the next steps, such as SU53 and /IWFND/ERROR_LOG. **Can I check what another user sees in the launchpad?** Yes, with the ABAP add-on in the Roles tab. You need the role /CDNA/FT_SIM, and every check is logged in SLG1. The add-on has not yet been tested on a real system. **Does FrontTailor send requests to the SAP system without the add-on?** No. As long as the Use backend service switch is off, not a single request goes to the service. Evaluating findings happens only in the browser. **Are user ids visible in the export?** No. Ids are masked (first and last character), exports contain the page URL without query and hash. Your question isn’t here? Talk to me: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Get in touch](https://fronttailor.com/en/contact) --- # Team sync: subscribe to and review team packages · FrontTailor Source: https://fronttailor.com/en/docs/team-sync > Use team packages in the Team tab: subscribe by URL, review and pick changes in the diff preview, import and export packages – without a server. ## Team sync In the Team tab you take over your team’s shared settings: host profiles, URL profiles, OData filters, snippets, PII rules and more. A team package is a JSON file your team hosts itself – for example as a Git raw file, on SharePoint or an internal server. FrontTailor fetches it only on click or on your administrator’s schedule, and changes nothing until you have reviewed the preview and clicked Apply. **Edition** from Team **Tab** “Team” **Surfaces** DevTools panel and side panel **Sources** URL subscription, provided packages, file, clipboard **Server** none – the file stays with your team **Applying** never automatic, always after a preview This page answers - How do I share FrontTailor settings in a team? - How do I subscribe to a team package by URL? - What happens to my own settings when the team package changes? - What does “Signed” mean for a team package? - How do I export my settings as a team package? ### Why team sync? Otherwise everyone in the team sets up the same host profiles, URL profiles and filters by hand – and everyone a little differently. With team sync, one person maintains the settings in a team package and everyone else takes them over. There is no FrontTailor server for this: the file lives wherever your team already keeps files. from Team A package can contain these sections: host profiles, URL profiles, OData filters, replay requests, snippets, PII masking rules, palette favourites, bookmarks, known errors, morning check lists and performance budgets. How a package is created and signed is described under [Team packages](https://fronttailor.com/en/docs/team-packages). The Team tab has four cards: Team packages (sources with their state), Preview (appears as soon as a package is checked), Import & export and Local settings. ### Subscribe to and fetch a package - Open an app on your SAP system, then the Team tab in the panel. - Under Subscribe to a package URL, enter the address of the package file your team maintains and click Subscribe. Allow access to this host when the browser asks. - Subscribing itself loads nothing yet. Click Fetch at the new source. - The Preview opens with all changes compared to your settings. Review them and click Apply – see Review changes. The URL must be HTTPS (HTTP only for localhost). FrontTailor refuses a user name, password or token parameter in the URL before anything is stored. If the host needs a sign-in, sign in once in the browser; FrontTailor uses that browser session and stores no credentials of its own. A package provided by the administrator after fetching: four changes wait for review. - If your administrator provides packages, this says how many and whether they are fetched on a schedule – here every 60 minutes. - If the policy requires signatures, FrontTailor names the trusted keys. - The state of the source: “Not fetched yet”, “Up to date”, the number of open changes, “Access required” or “Error”. - The signature: “Signed · …” with the key ID, “Unknown key”, “Unsigned” or “Invalid signature”. - Review … changes opens the preview. Without open changes the button says Show. - Fetch loads the current version. Without access to the host, the button says Allow access. Each source lists the URL, the package version (date and author), Last fetched and Last applied. You can have up to 20 own sources. ### Review and pick changes The preview compares the package with your settings, section by section. Each change is marked New, Changed or Removed and shows the fields before → after. Only entries that earlier came from this source and are missing from the package are removed; team sync never deletes what you created yourself. Applying selectively: the host profile comes from another source, so it is not preselected. - Conflicts show as a tag on the change: “Own local entry” (same key, but not from this source) or “Changed locally” (from this source, changed by you since). - One checkbox per change, one per section. Conflicts are not preselected – your version stays unless you select the change. - Decline declines all open changes. They are suggested again only when their value in the package changes. - Apply (n) applies the selected changes. Whatever you did not select counts as declined. Other notes in the preview: “This package is not signed. Only apply it if you trust where it comes from.” for unsigned packages, and “Invalid package entries skipped: n.” when single entries were invalid – the rest of the package stays usable. PROD protection A change that clears a PROD flag or removes a PROD profile carries the tag “Lifts PROD protection” and is never preselected. Hosts your administrator sets as PROD by policy stay PROD – whatever a package contains. ### Packages provided by your administrator Your administrator can provide packages by policy (up to 10). They are listed with the tag Administrator and cannot be removed. With a schedule set, FrontTailor fetches them automatically – they are still applied only after your review. The source then shows the number of open changes. A provided package is applied as a whole. - “Provided by your administrator: the package is applied as a whole; single changes cannot be left out.” - All changes are selected and locked. - Apply all applies the package. If you changed provided entries locally, they show as “Changed locally” on the next fetch and are reset with the package. If the policy requires signatures, FrontTailor accepts only packages signed with one of the configured keys – provided packages, own subscriptions and imports alike. An invalid signature is always rejected. What administrators can configure is described under [Policy for team packages](https://fronttailor.com/en/docs/team-packages#richtlinie). ### Import and export Without a URL, it also works by file or clipboard, in the Import & export card. Importing by paste, below it the export of your own settings. - Package file: choose a .json file. - Or paste the package: paste the content of the file – a signed package exactly as it is. - Check package opens the preview. “Nothing is applied yet” – you pick changes just like with a subscription. - Sections for the export, with the number of your local entries per section. - Download saves the package as a file, Copy puts it on the clipboard. Package name and author are required. The export is unsigned and contains no credentials: secret headers and query values are removed. Whoever publishes it as a team package signs it first – see [Sign a package](https://fronttailor.com/en/docs/team-packages#signieren). ### Local settings and removing sources The Local settings card (collapsed at first) shows, per section, how many entries this browser holds and where they come from. After applying: four entries come from the provided package. - One row per section: Local (all entries), From team, Changed locally (from the team, changed by you since) and Administrator (from provided packages). Remove source (bin icon at the source) drops an own subscription or import. The applied entries stay and from then on count as your local entries. Button | Effect Subscribe | Stores the URL as a source without fetching. Fetch / Allow access | Loads the current version and opens the preview; asks for access to the host first if it is missing. Review … changes / Show | Opens the preview of the last loaded version. Apply (n) / Apply all | Writes the selected changes into your settings. Decline | Declines all open changes; an import that was never applied is forgotten. Check package | Checks a chosen or pasted package file and opens the preview. Download / Copy | Exports the selected sections as an unsigned package. Remove source | Removes an own subscription or import; the entries stay local. The tab has no shortcut of its own. Palette favourites from a package show up in the command palette (Alt+Shift+K), see [Command palette](https://fronttailor.com/en/docs/command-palette). ### What is transferred When fetching, the extension’s service worker sends a plain GET request to the package URL – with what the browser sends for that address anyway, including the cookies of your session with that host. No data from your SAP systems or from FrontTailor goes out. Sources, packages and the origin of entries are kept only in chrome.storage.local, never in synced storage. More under [Privacy](https://fronttailor.com/en/docs/permissions-and-privacy). ### Common problems Message | Cause and fix “Team sync needs a Team or Enterprise licence that covers this SAP system.” | Team sync is part of the Team edition. If your licence is bound to SAP systems, open an app on one of them. “The URL contains a token or password parameter. …” | Tokens do not belong in the URL. Sign in to the host in the browser instead. “Only HTTPS URLs are allowed (HTTP only for localhost).” | Use the HTTPS address of the file. “The response is no JSON file. …” | Usually a sign-in page came back. Open the URL once in the browser and sign in. For Git services, use the raw address of the file. “Access required” | Access to the host is missing. Click Allow access. “Your administrator only allows signed packages. …” or “The package is signed with a key your administrator does not trust.” | The package must be signed with a key from the policy. Contact whoever maintains the package. “The signature does not match the content. The package was rejected.” | The file was changed after signing. Have it signed again. “The package needs a newer FrontTailor version. …” | Update the extension. “Your administrator does not allow own packages.” | The policy allows only the provided packages; own subscriptions and imports are switched off. The Team tab is missing | Your administrator switched the module off. ### See also - Features at a glance [Features · Team](https://fronttailor.com/en/features#team) - Further reading [Git und SAP – Versionsverwaltung und Transporte](https://www.rheinwerk-verlag.de/git-und-sap/) (SAP PRESS) - Further reading [SAPUI5 – The Comprehensive Guide](https://www.sap-press.com/sapui5_6012/) (SAP PRESS) - Help from people [Coaching and MasterCLASS with the authors’ team](https://fronttailor.com/en/services#coaching) - Docs [Team packages](https://fronttailor.com/en/docs/team-packages) - Docs [Host profiles and PROD](https://fronttailor.com/en/docs/host-profiles-and-prod) - Docs [Report a problem](https://fronttailor.com/en/docs/report-a-problem) - Docs [Command palette](https://fronttailor.com/en/docs/command-palette) - Sources ADR-021 Frequently asked ### Short answers. **Do I need a server for team sync?** No. A team package is a JSON file your team hosts itself, for example as a Git raw file, on SharePoint or an internal server. Import and export also work by file or clipboard. **Does a team package overwrite my own settings?** Not without your consent. Every change shows in the preview first. Conflicts with your own or locally changed entries are not preselected, and team sync never deletes what you created yourself. Only packages provided by your administrator are applied as a whole. **Does FrontTailor fetch team packages in the background?** Your own subscriptions only when you click Fetch. Packages provided by your administrator also on the schedule set in the policy. In both cases nothing is applied until you have reviewed it. **Which edition do I need?** Team sync is part of the Team edition and is included in Enterprise. Your question isn’t here? Talk to me: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Get in touch](https://fronttailor.com/en/contact) --- # Check UI5 2.0 migration: readiness check · FrontTailor Source: https://fronttailor.com/en/docs/ui5-2-readiness > Check the UI5 2.0 readiness of a running app: sync loading, deprecated APIs, controls, themes, manifest, bootstrap – with score, file, line and SAP replacement. ## UI5 2.0 UI5 2.x drops every deprecated API: sap.ui.getCore(), jQuery.sap.*, synchronous loading, old themes and libraries. The readiness check shows which of it affects your app – from the running app, with file and line, severity and the replacement from the SAP documentation. Check and findings are free; the migration report comes with Pro. **Edition** Community **Tab** “UI5 2.0” **Migration report** Pro **Surfaces** DevTools panel and side panel **On PROD** allowed, the check changes nothing in the app This page answers - Is my UI5 app ready for UI5 2.0? - Where does my app still call sap.ui.getCore() or jQuery.sap? - Which modules does my app load synchronously? - How much effort is the migration to UI5 2.x? ### How the check works Open the FrontTailor panel in DevTools (F12) or the side panel and choose the UI5 2.0 tab. Nothing runs in the page before you start. After a click on Start check, FrontTailor reads the runtime, the manifest, the bootstrap and the live controls, then watches deprecated API calls while you use the app. Afterwards every hook is removed. SAP’s static @ui5/linter sees the source code. The readiness check adds what only shows at runtime: dynamically built calls, code from customer libraries, properties on live controls, bootstrap attributes of the delivered page and synchronously loaded modules. ### Start a check - Open the app and the UI5 2.0 tab in the panel. - Under Watch for, choose the duration: 30 seconds, 1 minute, 3 minutes or 10 minutes. - Click Start check. Findings from the manifest, bootstrap, libraries and controls appear right away. - Use the app as usual: open dialogs, navigate, save. Deprecated calls appear as soon as the app makes them. - Click Finish now or wait until the time runs out. The button then reads Check again. While watching, the note counts down the seconds. - “Watching the app – use it as usual …” with the time left. - Finish now stops watching early. The [command palette](https://fronttailor.com/en/docs/command-palette) can start the check, too. Code that does not run while watching stays unseen – only the static @ui5/linter finds it. On PRODThe check changes nothing in the app, so it is allowed on a host marked as PROD ([Host profiles and PROD](https://fronttailor.com/en/docs/host-profiles-and-prod)), too. Watching wraps deprecated functions only for the chosen time; on stop FrontTailor restores the originals – unless the app has overwritten them itself in the meantime. ### Score and categories The freestyle demo app has no blocker, but three things to fix. - The score from 0 to 100. - The summary, below it the time, UI5 version and number of deprecated calls seen. - A partial score per category with the number of findings per severity. A click filters the findings to that category. - Watch for: duration of the next run. - Check again. Per category: 100 minus 30 per blocker, 10 per Should fix and 2 per Hint. The overall score is the average of the categories and is at most 49 while a blocker is open. Distinct findings count, not calls – a frequently called spot does not distort the rating. Category | What is checked Synchronous loading | modules loaded by synchronous XHR, component without IAsyncContentCreation, manifest not "json", resource model without async Deprecated APIs | observed calls of sap.ui.getCore() and core methods, sap.ui.requireSync, jQuery.sap.*, synchronous factories and global namespaces – from app code only Controls | deprecated controls and deprecated properties, aggregations and events set on live controls Libraries & themes | deprecated libraries such as sap.ui.commons and themes such as sap_belize → sap_horizon Manifest | _version below 2, minUI5Version below 1.120, renamed routing entries, removed entries Bootstrap | missing data-sap-ui-async, deprecated options, inline init, compatVersion The app is checked, not the framework: Fiori elements templates and the launchpad shell produce no findings. ### Read and filter findings The finding “Modules loaded synchronously”: the demo app runs under ui5 serve without preload bundles. - Filter findings: free-text search. - Severity: All, Blocker, Should fix, Hint. - Category. - Severity and number of occurrences. - Where: up to eight examples, for calls as the caller’s file:line:column. - SAP documentation opens the matching page, for example “Best Practices for Loading Modules”. - Copy as Markdown takes the finding with you – for a ticket, say. Severity | Meaning Blocker | removed in UI5 2.x – the app breaks Should fix | works, but blocks the migration or costs load time Hint | should be adjusted, but breaks nothing Every finding names Category, Replacement and Found (when the check started or while watching the app), with the Fix below. For library findings, Analyze libraries leads to the [Libraries](https://fronttailor.com/en/docs/libraries) tab. With from Pro, Fix with AI proposes a change – with your own key and only after a preview, see [AI assistant](https://fronttailor.com/en/docs/ai). ### Migration report With from Pro you export the whole run below the findings: Both exports sit at the end of the findings list. - All occurrences (.csv): every occurrence as a row, for example to split the work in the team. - Report (.md): the migration report with summary, effort per category and the comparison with the previous run of the same app. - The effort is an estimate in hours per rule times locations and is marked as a guide value in the report. - The comparison names what is new, resolved or changed since the last run. On an app’s first run it says “First run of this app – the next report compares with this one.” - Without Pro the buttons show a lock; a click explains what the report contains. The check, the findings and Copy as Markdown stay free. ### What is stored Everything stays in this browser. Locations are file and line only, without origin, query or hash. For the comparison FrontTailor keeps the last ten runs per app as counts – rule, category, severity and number, no examples, no file paths, no app data. Email addresses and IBANs are masked in the exports. ### Typical problems What you see | Cause and fix “No connected UI5 app in this tab.” | The page has not loaded UI5 (yet), or the host is not granted – see [grant the domain](https://fronttailor.com/en/docs/getting-started#freigabe). Deprecated APIs stays at 100 although the linter reports findings | Only calls that run while watching count. Use the affected functions of the app or choose a longer duration. Many synchronously loaded modules | Typical for ui5 serve without preload bundles. Check the built app (ui5 build) with data-sap-ui-async="true". “Very large app: the control scan stopped at its limit.” | The scan reads at most 5000 elements or 400 ms. Check the app’s areas one after another. The tab is missing | Your administrator switched the module off by policy. ### See also - Features at a glance [Features · Quality](https://fronttailor.com/en/features#qualitaet) - Further reading [SAPUI5 – The Comprehensive Guide](https://www.sap-press.com/sapui5_6012/) (SAP PRESS) - Help from people [UI5 2.0: readiness and migration](https://fronttailor.com/en/services#ui5-2) - Docs [Libraries](https://fronttailor.com/en/docs/libraries) - Docs [Performance](https://fronttailor.com/en/docs/performance) - Docs [AI assistant](https://fronttailor.com/en/docs/ai) - Sources ADR-027 Frequently asked ### Short answers. **How do I check whether my UI5 app is ready for UI5 2.0?** Open the UI5 2.0 tab in the FrontTailor panel, click Start check and use the app for a while. The check shows a score from 0 to 100 and every finding with severity, location, replacement and a link to the SAP documentation. **Does the readiness check replace the @ui5/linter?** No, it complements it. The linter sees the source code, the readiness check the running app: dynamic calls, customer libraries, properties on controls and synchronously loaded modules. Code that does not run during the check is only found by the linter. **What does the UI5 2.0 check cost?** The check, score, findings list and Copy as Markdown are free (Community). The migration report as Markdown or CSV with effort per category and comparison with the previous run comes with Pro. **May I run the check on a production system?** Yes. It only reads and watches calls for the chosen duration; afterwards it restores every function. Only counts per rule are stored, no app data. Your question isn’t here? Talk to me: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Get in touch](https://fronttailor.com/en/contact) --- # Check UI5 libraries against the manifest · FrontTailor Source: https://fronttailor.com/en/docs/libraries > Which UI5 libraries does the app load, from where, and are they in sap.ui5/dependencies/libs? With network view, findings and a copyable manifest proposal. ## Libraries A UI5 app has to name every library it uses in sap.ui5/dependencies/libs. If one is missing, the app often still runs – until it starts slowly, loads synchronously or breaks in the launchpad. The library analyzer shows for the running app which libraries are loaded, where they come from, whether the manifest declares them and which controls stem from them. Analysis and proposal are free; the export comes with Pro. **Edition** Community **Tab** “Libraries” **Export** Pro **Surfaces** DevTools panel and side panel **On PROD** allowed, the analysis only reads This page answers - Which UI5 libraries does my app really load? - Is a library missing in sap.ui5/dependencies/libs? - Why do modules come one by one instead of as a preload? - Which controls stem from an undeclared library? ### Analyze Open the FrontTailor panel in DevTools (F12) or the side panel and choose the Libraries tab. Nothing runs in the page until you click Analyze. - Open the app and navigate to the views you want to check – dialogs, too. - Choose the Libraries tab in the panel and click Analyze. - Read the verdict and the findings. If a declaration is missing, the Manifest proposal adds it. - Use Copy to take the proposal into the app’s manifest.json. - After further steps in the app, click Analyze again. The analysis of the freestyle demo app: no error, one info and one hint finding. - The verdict, for example “The manifest declares every library the app uses.” - Counters per severity: Error, Warning, Info, Hint. - What was checked: app, UI5 version, minUI5Version, app controls and elements. Below it the network summary. - Note when the browser’s Resource Timing buffer is full (see network). - Analyze again. Only controls that exist right now are seen. Dialogs and views that were never open are missing – open them and analyze again. In the launchpad the running app counts, not the shell; Fiori elements templates belong to the framework. On PRODThe analysis only reads data the runtime already holds in memory, sends no requests and changes nothing in the app. It is therefore allowed on a host marked as PROD ([Host profiles and PROD](https://fronttailor.com/en/docs/host-profiles-and-prod)), too. Highlight in page only draws a frame over the page. ### Findings Two findings in the demo app: the local server delivers no preloads, and sap.ui.layout is declared but not used (yet). - Filter by library or control. - Severity: All, Error, Warning, Info, Hint. - Severity of the finding. - Network: how the library came in – preload or single modules, number of modules, theme files, server, size and duration. Below it the loaded modules as evidence. - Fix with the concrete step; below it the link to the UI5 documentation. - Export as CSV or Markdown (see export). Finding | Severity | When Used but not declared | Error | app controls stem from the library, and neither manifest nor bootstrap nor a declared library covers it Declared only in the bootstrap | Warning | only data-sap-ui-libs loads it – the launchpad does not use that HTML page Preloaded through another library | Info | not declared, but comes as a dependency of a declared library Loaded but not declared | Warning, Info in Fiori elements apps and the launchpad | loaded, nothing explains it, no app control uses it Declared lazy, not loaded yet | Info | declared with "lazy": true and not needed yet Declared but not loaded | Warning | declared (not lazy), but not loaded Declared, but no control of the app uses it | Hint | only a hint, because views and dialogs that were not opened are missing Library older than its minVersion | Warning | the declaration’s minVersion is above the loaded version; plus warnings about minUI5Version Library version differs from the core | Warning | framework library with another version than sap.ui.core Declared, but no preload found | Warning | network: modules came one by one while other libraries had a preload Loaded over the network, not declared | Warning or Info | network: requested, not declared, nothing explains it No library preload on the server | Info | network: no library-preload at all – server or build, not the manifest (for example ui5 serve) Findings with controls name class, count and up to five examples with ID and view. Show in Inspector opens the control in the [Inspector](https://fronttailor.com/en/docs/inspector), Highlight in page frames it in the app. ### Manifest proposal The proposal as JSON – nothing to add here. - What was added, for example “Added: sap.ui.layout” – or that nothing is missing. - Why declare every library?: preload, synchronous requests, CSP, UI5 2.0 and launchpad. - Copy. The proposal contains the existing declarations and adds missing libraries. If all controls of a library live only in dialogs or popovers, it proposes the library as "lazy": true – then load it with sap/ui/core/Lib.load before use. Declarations without use stay in: check them before you remove them. ### Loaded libraries and network The demo app’s three libraries. Without preload their modules come one by one from the app server. - Manifest: declared or not. - Network: Preload, Single modules, Bootstrap bundle or no requests, with number of modules, synchronous loads, theme files, server or CDN, size and duration. - Came in through: where the library comes from. - The library’s Status; next to it the number of App controls from it. Came in through | Meaning App manifest | in the app’s sap.ui5/dependencies/libs Component | in the manifest of a component of the app, for example the list report Bootstrap | data-sap-ui-libs or window["sap-ui-config"].libs Dependency | non-lazy dependency of a loaded library Lazy dependency | lazy dependency of a loaded library – explains nothing, it is not preloaded Framework | the launchpad shell or its plug-ins Implicit | none of these – loaded without anything visible explaining it The network view reads the page’s Resource Timing entries – like the DevTools network tab, but also in the side panel and without extra requests. By default the browser keeps 250 entries; later ones are missing. FrontTailor does not change the buffer size but records every UI5 request itself from the moment the tab opens. If the buffer is full, the tab says so: keep using the app and analyze again. ### Export With from Pro, Markdown and CSV export a library report over all apps you analyzed in this tab – for example apps of a launchpad opened one after another. The report contains library and class names, control IDs, view names and the URL without parameters, no app data; email addresses and IBANs in IDs are masked. The session’s analyses stay in the browser only until the tab closes. Without Pro a click on the export explains what it contains; analysis, findings and the manifest proposal stay free. Library findings in the [UI5 2.0 check](https://fronttailor.com/en/docs/ui5-2-readiness) lead straight to this tab with Analyze libraries. ### Typical problems What you see | Cause and fix “No app component found in this frame (launchpad home?) …” | The home page has no app. Open an app and analyze again. Declared, but no control of the app uses it, although the library is needed | The controls live in a view or dialog that was not open yet. Open it and analyze again – or declare the library lazy. No library preload on the server | Typical for local development servers with sources. Nothing to do locally; check the delivered app with built UI5. Note about a full Resource Timing buffer | Requests between the overflow and opening the tab are missing. From now on FrontTailor records every UI5 request: use the app and analyze again. ### See also - Features at a glance [Features · Quality](https://fronttailor.com/en/features#qualitaet) - Further reading [SAPUI5 – The Comprehensive Guide](https://www.sap-press.com/sapui5_6012/) (SAP PRESS) - Help from people [UI5 2.0: readiness and migration](https://fronttailor.com/en/services#ui5-2) - Docs [UI5 2.0](https://fronttailor.com/en/docs/ui5-2-readiness) - Docs [Performance](https://fronttailor.com/en/docs/performance) - Docs [Inspector](https://fronttailor.com/en/docs/inspector) - Sources ADR-034 Frequently asked ### Short answers. **How do I check whether my UI5 manifest declares every library?** Open the Libraries tab in the FrontTailor panel and click Analyze. The analysis compares the loaded libraries and the app’s controls with sap.ui5/dependencies/libs and proposes missing entries as copyable JSON. **Why should I declare every UI5 library in the manifest?** UI5 loads declared libraries as a preload bundle in parallel with the start. Undeclared ones come module by module, often synchronously; that costs load time, needs unsafe-eval under a strict CSP and breaks in UI5 2.0 and in the launchpad. **What does the library analyzer cost?** Analysis, findings, network view and the manifest proposal are free (Community). The report as Markdown or CSV over all analyzed apps comes with Pro. Your question isn’t here? Talk to me: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Get in touch](https://fronttailor.com/en/contact) --- # Check UI5 i18n and accessibility (WCAG) · FrontTailor Source: https://fronttailor.com/en/docs/i18n-and-accessibility > i18n and accessibility check for UI5 apps: missing keys, hard-coded texts, translations, labels, tooltips and contrast against WCAG 2.2 AA. ## Quality: i18n & accessibility One click, and FrontTailor reads the running app once: which i18n keys are missing, which texts are hard-coded, where is a translation missing, which button has no accessible name, which text has too little contrast? Every finding names the control, rule, fix and the link to the UI5 and WCAG docs – and jumps to the Inspector on request. **Edition** from Pro **Tab** “Quality” **Sections** “Texts” and “Accessibility” **Standard** WCAG 2.2 AA and the UI5 accessibility guidelines **Surfaces** DevTools panel and side panel **On PROD** allowed, the check only reads This page answers - Which i18n keys are missing in my UI5 app? - Where does my Fiori app have hard-coded texts? - Which translations are missing in my .properties files? - Is my UI5 app accessible according to WCAG 2.2 AA? - Which buttons have no tooltip for screen readers? ### How the check works In DevTools (F12) open the FrontTailor panel or the side panel and choose the Quality tab. Nothing runs in the page before your click. Then FrontTailor reads the app once: controls, bindings, resource bundles, labels and colours. Everything is evaluated in your browser. Only what belongs to the app is checked: rendered controls owned by a component of the app. The launchpad shell, unrendered controls and library internals stay out. Controls from Fiori elements templates get their texts from annotations and are therefore not checked for hard-coded texts. ### Run a check - Open the app on the page you want to check, and the Quality tab in the panel. - Click Run check. To compare the language files as well, click Load translations (de, en) instead. - Read the total of errors, warnings and hints at the top, below it the Texts and Accessibility sections. - After a fix, or on another page of the app, click Check again. The freestyle demo app after the check: 121 controls, one bundle, 65 contrast samples. - Run check, after the first run Check again. - Load translations (de, en): checks and also compares the language files. - The total of errors, warnings and hints. - Time, number of controls, bundles and contrast samples, duration; below it UI5 version, language and theme. The [command palette](https://fronttailor.com/en/docs/command-palette) (Alt+Shift+K, on a Mac ⌥+Shift+K) starts the check too, with the command Run i18n and accessibility check. The page remembers the last report: after a run from the palette or a switch between DevTools and side panel, the tab shows it without checking again. Message | Meaning “… controls come from Fiori elements templates …” | This many controls are exempt from the hard-coded text rule. “… texts on images or gradients: contrast not computable.” | These texts have no plain background colour; the contrast check skips them. “Large app: only the first findings or controls are listed.” | A report holds at most 1,500 findings, errors first. On PRODThe check only reads and is therefore allowed on a host marked as PROD ([Host profiles and PROD](https://fronttailor.com/en/docs/host-profiles-and-prod)) too. Reload with language is allowed as well – it only sets a URL parameter, as you could in the address bar. Locked there is switching the language without a reload in the [Tools](https://fronttailor.com/en/docs/tools#sprache), because it changes the running app. ### Section “Texts” After “Load translations”: both language files of the demo app have 24 keys. - Test language: reload the app in another language, then check again. - Severity filter: All, Error, Warning, Hint, each with its count. - Rule filter: All rules or one rule with its count. - Filter by control, key or text. - Status of each loaded language file: number of keys or file missing, not in supportedLocales, could not be loaded, other origin – not loaded. - A finding with rule, key, bundle, text, loaded files and fix. Rule | Severity | When i18n key missing | Error | A binding points to a key the bundle does not have. UI5 then shows the key itself. Text shown from a fallback language | Warning | The key is missing in the file of the current language; UI5 shows the text from a fallback file. Key not used (hint) | Hint | No loaded view, fragment, binding or manifest uses the key. Hard-coded text | Warning | A text property is set to a fixed value instead of being bound to {i18n>…}. If the text comes from data, ignore the finding. Translation missing | Warning | A key is missing in a loaded language file (only after Load translations). Language file missing | Warning | A language is listed in supportedLocales, but its file does not exist. Placeholders differ between languages | Error | A translation has other placeholders ({0}, {1} …) than the reference – values are lost or shown as {0}. Load translations (de, en) loads the language files of the app’s own resource bundles through UI5 – same origin only, read-only, at most ten bundles – and compares them with the default file. A language that is not in the supportedLocales is not requested but reported as not in supportedLocales. ### Test a language - Check the app once, so the Texts section appears. - Choose the language under Test language. The current language is shown next to it. - Click Reload with language. The app reloads with the URL parameter sap-ui-language – bundles, Fiori elements texts and OData texts then come in the new language. - Click Run check in the Quality tab. More in Tools opens the Language card in the [Tools](https://fronttailor.com/en/docs/tools#sprache) tab: with all languages of the app, the SAP test languages, RTL and switching without a reload. ### Section “Accessibility” The demo app’s list has no title – a hint under WCAG 1.3.1. - The finding: rule, severity, control type and ID. - The fix in one sentence. - UI5 documentation and WCAG 2.2 – 1.3.1 open the matching pages. - Show in Inspector selects the control in the [Inspector](https://fronttailor.com/en/docs/inspector). - Highlight in the page frames the control for four seconds. - Copy as Markdown takes the finding along, e.g. for a ticket. - Export CSV, next to it Export Markdown and Copy all as Markdown. Rule | WCAG | Severity Control without accessible name | 4.1.2 | Error Icon button without tooltip | 4.1.2 | Warning Image or icon without alternative text | 1.1.1 | Error for images, warning for icons Clickable image marked decorative | 1.1.1 | Warning Form field without label | 3.3.2 | Warning Table or list without title | 1.3.1 | Warning for tables, hint for lists Column without header | 1.3.1 | Error ARIA reference points nowhere | 4.1.2 | Error Focusable element in a hidden container | 4.1.2 | Error Text contrast too low | 1.4.3 | Error For contrast, 4.5:1 applies, for large text (24 px or more, or 18.66 px bold) 3:1 – without rounding. Disabled elements are exempt; texts on images or gradients are skipped. “Highlight in the page”: the frame sits in FrontTailor’s overlay and disappears after four seconds. - Frame and label with control type and ID. ### Filter and share findings Identical findings – cloned list items or repeated texts, for example – are grouped and counted. Both sections have the same filters and exports; the export takes the findings currently filtered. Element | Effect All · Error · Warning · Hint | severity filter, each with its count All rules | filter by one rule Filter by control, key or text | free text; below it “x of y” Show in Inspector | switches to the Inspector tab and selects the control; if it is no longer in the page, a message says so Highlight in the page | frame around the control, four seconds Copy as Markdown | one finding to the clipboard Export CSV | UTF-8 with BOM and CRLF; cells starting with =, +, - or @ get a ' in front Export Markdown · Copy all as Markdown | report with page, time and the filtered findings With the [AI bar](https://fronttailor.com/en/docs/ai) and your own key there are two entry points: Translate missing texts in the Texts section turns missing keys and translations into .properties snippets per language, Fix with AI in the Accessibility section proposes a fix per finding with the WCAG criterion. Nothing is sent before preview and click. ### What the check does not see - Unused keys are only a hint: the check does not see controllers, formatters and views that are not loaded. - Missing keys and hard-coded texts are found only in rendered views. Open dialogs and further pages and check again. - The accessible name approximates what a screen reader announces. - No contrast for non-text elements (WCAG 1.4.11), no check of keyboard and focus order. ### Typical problems Problem | Cause and fix Many hints Key not used | The keys are probably used in a controller with getText(). Search the code before deleting them. No findings in a Fiori elements app | Texts from annotations and templates are exempt from the hard-coded text rule. The meta line says how many controls that affects. A dialog is missing from the report | Only what is rendered is checked. Open the dialog, Check again. other origin – not loaded | The bundle lives on another host. Translations are loaded from the app’s origin only. The control is no longer in the page. | The app re-rendered or navigated. Check again. ### See also - Features at a glance [Features · Quality](https://fronttailor.com/en/features#qualitaet) - Further reading [SAPUI5 – The Comprehensive Guide](https://www.sap-press.com/sapui5_6012/) (SAP PRESS) - Help from people [Custom Fiori, UI5 and CAP apps](https://fronttailor.com/en/services#apps) - Docs [Inspector](https://fronttailor.com/en/docs/inspector) - Docs [Tools](https://fronttailor.com/en/docs/tools) - Docs [Fiori Guidelines](https://fronttailor.com/en/docs/fiori-guidelines) - Docs [AI assistant](https://fronttailor.com/en/docs/ai) - Sources ADR-033 Frequently asked ### Short answers. **Does the quality check change anything in my app?** No. It reads controls, bundles, labels and colours once and evaluates everything in the browser. Only “Load translations” makes requests, to the app’s own origin. **Why does the check report keys as unused that my controller needs?** The check does not see controllers, formatters and views that are not loaded. That is why “Key not used” is only a hint – search the code before deleting. **Does the check replace an accessibility test?** No. It finds typical WCAG 2.2 AA errors in rendered controls, but checks neither keyboard use nor focus order nor the contrast of non-text elements. **Which edition do I need?** The i18n and accessibility check is part of the Pro edition. Your question isn’t here? Talk to me: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Get in touch](https://fronttailor.com/en/contact) --- # Validate SAP Fiori design guidelines in the app · FrontTailor Source: https://fronttailor.com/en/docs/fiori-guidelines > Checks the open Fiori view against the SAP Fiori design guidelines: floorplan detection, score per category, improvements with example, and dos & don’ts. ## Fiori Guidelines Is the floorplan right? Is there more than one emphasized action? Does the table show its count? Instead of ticking that off by hand in a design review, FrontTailor reads the control tree of the open view, detects the floorplan and checks it against the SAP Fiori® design guidelines – with score, reason, improvement, code example and a link to the matching guideline. **Edition** from Pro **Tab** “Fiori Guidelines” **Categories** Actions, Header & title, Tables & lists, Forms, Messages, Navigation, Visual, Floorplan **Surfaces** DevTools panel and side panel **On PROD** allowed, the check only reads This page answers - Does my Fiori app follow the SAP Fiori design guidelines? - Which floorplan does my app use? - How do I get a score for the design of my Fiori app? - What are the dos & don’ts for a list report or an object page? ### How the validator works In DevTools (F12) open the FrontTailor panel or the side panel and choose the Fiori Guidelines tab. On opening, the tab only fetches the page’s last report; the analysis runs after your click. What counts is what is visible: the controls of the open view with class, position, properties, labels and columns. The check makes no request; exports are created locally. The UI5 Support Assistant checks technical rules. The validator checks the design guidelines: floorplan, placement and order of actions, titles, tables, forms, messages, navigation and visuals. ### Check a view - Open the view you want to check in the app – the detail page of an object, for example. Open dialogs or tabs that should be included. - Choose the Fiori Guidelines tab in the panel and click Check view. - Read score and detected floorplan, then the Score per category and the Improvements. - After a change or in another view, click Check again. The detail page of the freestyle demo app: split-screen layout, score 97. - Check view, after the first run Check again. - The score from 0 to 100: green from 90, orange from 70, red below. - The detected floorplan with technology: Freestyle, Fiori elements (OData V4) or Fiori elements (OData V2). - Recognised by: the evidence, below it Contains: the parts, e.g. the columns of a layout. - Highlight in the page frames the root control of the floorplan. - Floorplan guideline opens the page in the SAP Fiori design guidelines. - The score again in the card header. The [command palette](https://fronttailor.com/en/docs/command-palette) (Alt+Shift+K, on a Mac ⌥+Shift+K) starts the check too, with the command Check Fiori design guidelines. In the launchpad only the app is checked, not the shell. On PRODThe validator only reads and changes nothing in the app. It is therefore allowed on a host marked as PROD ([Host profiles and PROD](https://fronttailor.com/en/docs/host-profiles-and-prod)) too. ### Floorplan detection FrontTailor detects the floorplan in this order and names its evidence: Detection | Result sap.f.FlexibleColumnLayout visible | Flexible column layout, the columns as parts Component is a Fiori elements template | List report (with filter bar), worklist (without filter bar), analytical list page (with chart), object page, overview page sap.m.Wizard visible | Wizard sap.m.SplitContainer or SplitApp | Split-screen layout, master and detail as parts largest top-level page by content | Object page, list report, worklist, initial page (exactly one input field, no form), otherwise dynamic page (freestyle) or page (freestyle) ### Score per category Per category: score, number of checked controls and findings. - A category with score, progress bar, “5 checked · 1 findings”. - not applicable: the view had nothing to check; the category does not count towards the score. Per category: 100 minus 25 per violation, 10 per warning and 3 per hint, at least 0. Identical findings (same rule, same control, e.g. clones of a list template) count once. The total score is the weighted, rounded mean of the categories with a score. The Check manually checklist does not count. Category | Weight Actions | 20 Header & title · Tables & lists | 15 each Forms · Messages · Navigation · Visual · Floorplan | 10 each ### Improvements The finding “Title shown twice”: the product name is the page title and the object header title. - Severity filter: All, Violation, Warning, Hint. - All categories or one category. - Filter by text, control or rule. - Why the guideline asks for it. - Improvement with the values from your app. - Do and Don’t for this rule. - Example as an XML view snippet. - Open guideline: the rule’s page in the SAP Fiori design guidelines. - Show in Inspector selects the control in the [Inspector](https://fronttailor.com/en/docs/inspector). - Highlight in the page frames the control for four seconds. - Copy as Markdown takes the finding along, e.g. for a ticket. If the control comes from a Fiori elements template, the finding says “Fiori elements: change the annotations or the manifest, not the generated controls.” instead of showing an XML example. For findings about labels and tooltips, Check in the Quality tab leads to the [i18n and accessibility check](https://fronttailor.com/en/docs/i18n-and-accessibility). Below the list: export of the filtered findings. - Control guideline: the guideline page of the control class, if it differs from the rule’s page. - CSV: UTF-8 with BOM and CRLF, protected against formulas. - Markdown: report as a file. - Copy all as Markdown: the same report to the clipboard. With the [AI bar](https://fronttailor.com/en/docs/ai) and your own key there is Review floorplan in the check’s header and Explain finding on every finding. Nothing is sent before preview and click. ### The rules The validator only checks rules that can be read reliably at runtime. It does not check texts linguistically (verbs, tone, terminology). Category | Rule | Severity Actions | More than one emphasized button in one area | Violation Actions | Emphasized and semantic buttons mixed | Warning Actions | Footer actions not right-aligned | Warning Actions | Footer actions in the wrong order | Warning Actions | Finalizing action outside the footer | Hint Actions | Icon-only button without tooltip | Warning Actions | Button text in capitals | Warning Actions | Long button text | Hint Header & title | Page without title | Violation Header & title | Title shown twice | Warning Header & title | Object header without key facts | Hint Tables & lists | List or table title without item count | Hint Tables & lists | List or table without own “no data” text | Hint Tables & lists | Long list without growing | Hint Tables & lists | Responsive table without pop-in | Warning Tables & lists | Many columns | Hint Forms | Input field without label | Warning Forms | Form with outdated layout | Warning Forms | Many fields without groups | Hint Messages | Several messages without message popover | Warning Navigation | Own back button in the launchpad | Warning Navigation | Custom back button | Warning Visual | Cozy density on a desktop | Warning Visual | Image instead of SAP icon | Hint Visual | Fixed colour instead of theme colour | Hint Visual | Outdated theme | Hint Floorplan | List report without variant management | Warning Floorplan | Table without personalization | Hint Floorplan | Object page without anchor bar | Hint Floorplan | Edit mode without footer toolbar | Warning Floorplan | Split-screen layout | Hint Floorplan | Full-screen list in sap.m.Page | Hint ### Dos & don’ts and “Check manually” Dos & don’ts of the detected floorplan and the checklist for what the runtime cannot see reliably. - Do: three points of the guideline for the detected floorplan, otherwise general ones. - Don’t. - An item of the Check manually checklist with the affected controls and Open guideline. Checklist item | Appears when … Confirm destructive actions | buttons to delete, remove or discard are visible Button texts are verbs | text buttons are visible Required fields and validation | editable fields are visible Empty states | lists or tables are visible No browser dialogs | always Busy state | always Back navigation | outside the launchpad ### Typical problems Problem | Cause and fix A dialog or tab is missing from the report | Only what is visible counts. Closed dialogs, other tabs of an IconTabBar and unrendered sections are missing. Open them, Check again. Unknown layout or Page (freestyle) | No known floorplan detected. The rules still run; the dos & don’ts are then general. Hardly any findings in a Fiori elements app | Many rules apply only to your own controls. For template controls the finding points to annotations or the manifest. Large view: only the first controls or findings are listed. | At most 6,000 controls are rated; at most 500 findings are shown. The control is no longer in the page. Check again. | The app re-rendered or navigated. Check again. The rules have been tried on FrontTailor’s three demo apps. A score does not replace a design review, but it quickly shows where one pays off. ### See also - Features at a glance [Features · Quality](https://fronttailor.com/en/features#qualitaet) - Further reading [SAP Fiori Elements – Development and Extensibility](https://www.sap-press.com/sap-fiori-elements_5641/) (SAP PRESS) - Further reading [SAPUI5 – The Comprehensive Guide](https://www.sap-press.com/sapui5_6012/) (SAP PRESS) - Help from people [Fiori elements and annotations](https://fronttailor.com/en/services#fiori-elements) - Docs [Quality: i18n & accessibility](https://fronttailor.com/en/docs/i18n-and-accessibility) - Docs [Inspector](https://fronttailor.com/en/docs/inspector) - Docs [Annotations](https://fronttailor.com/en/docs/annotations) - Docs [AI assistant](https://fronttailor.com/en/docs/ai) - Sources ADR-035 Frequently asked ### Short answers. **Which floorplans does the validator detect?** List report, worklist, object page, overview page, analytical list page, flexible column layout, split-screen layout, wizard and initial page; otherwise dynamic page or page (freestyle). For Fiori elements it names OData V4 or V2. **How is the score calculated?** Per category 100 minus 25 per violation, 10 per warning and 3 per hint. The total score is the weighted mean of the categories that had something to check. **Does the validator change anything in my app?** No. It reads the visible controls once, makes no request and is therefore allowed on PROD too. **Which edition do I need?** The Fiori design guidelines validator is part of the Pro edition. Your question isn’t here? Talk to me: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Get in touch](https://fronttailor.com/en/contact) --- # Compare a Fiori app across DEV, QA and PROD · FrontTailor Source: https://fronttailor.com/en/docs/system-compare > Why does it work in QA but not in PROD? Compare snapshots of the same Fiori app on two systems: versions, libraries, flex changes, $metadata, manifest. ## System compare “It works in QA, not in PROD” – the system compare shows what really differs between two systems. It takes a snapshot of the metadata of the same SAP Fiori® or UI5 app on each system and puts them side by side, section by section. The tab is part of the Enterprise edition. **Edition** from Enterprise **Tab** “Compare” **Snapshot content** metadata only, no business data **Storage** in the browser, at most 10 snapshots per app and system **On PROD** allowed – the snapshot only reads This page answers - Why does the app work in QA but not in PROD? - Is the same app version deployed on both systems? - Does the OData service’s $metadata differ between the systems? - Which flex changes exist on only one system? ### Prerequisite: host profiles The compare works with the systems you have set up as host profiles – name, colour and PROD flag in the extension popup, see [Host profiles and PROD](https://fronttailor.com/en/docs/host-profiles-and-prod). Without another profile the tab says: “No other systems yet: give the other system a host profile in the popup (name, colour, PROD).” ### Take snapshots - Open the app on the first system, the Compare tab in the FrontTailor panel, and click Take snapshot. - Under Other systems, click Get snapshot from QA (or your profile’s name). If needed, FrontTailor asks once for access to the system. - FrontTailor uses an open tab of that system or opens the same app page there in the background, waits at most 60 s for the app and takes the snapshot. You stay in your tab. - The comparison of the two snapshots appears below. Snapshots of the release demo app on DEV and QA. - Take snapshot on this system. - Get snapshot from … – one button per host profile. Nothing is fetched in the background; everything happens after your click in a tab of the other system. - The list of this app’s snapshots with system, time, app version, UI5 version, flex objects and services; the bin icon deletes one. If the other system’s tab shows another app, FrontTailor stores the snapshot under that app’s ID and says so. There is no snapshot on the launchpad home page: open the app first. ### What a snapshot contains Section | Content App and versions | app ID, title, component, app and component version, deployed version, ETag and Last-Modified of manifest.json UI5 runtime | version, build, theme, language Libraries | loaded libraries with version Cache buster | active or not, index files, tokens of the app resources, outdated resources (see [Enterprise deployment](https://fronttailor.com/en/docs/enterprise-deployment)) Flex changes | count per layer and change type, change IDs – without content Services and $metadata | per data source URI, version, hash and structure of $metadata: types, properties, navigations, entity sets, actions Manifest | relevant settings such as data sources, models, routing targets, minUI5Version, flexEnabled Launchpad | platform, intent, application type, component, resolved URL, system alias, target mapping Not included are business data, query strings, values of intent parameters, content of flex changes, labels from $metadata, and users, cookies and tokens. FrontTailor reads $metadata only from the same origin; services of another origin stay without structure. ### The comparison DEV has version 1.1.0, QA still 1.0.0 – differences in app, component, deployed version and manifest. - A: preselected is the newest snapshot of this system. - B: preselected is the newest snapshot of another system. Both can be chosen in the selection above. - The summary: number of differences and sections. - Swap A and B; next to it Only differences, on by default. - A changed row. Sections with differences are expanded, equal ones show Equal. Every row has a state: equal, changed, only A or only B. Services are matched by data source name, because the URI may differ per system. If the $metadata hash is equal, there is nothing to show; otherwise the section lists added, removed and changed types and properties, for example title: Edm.String(100) → Edm.String(60). For flex changes it lists the change IDs “only in A” and “only in B”. ### Share the result Button | Result Copy as Markdown | only the differences, for a ticket or chat Download (.md) | the same as a file Download (.json) | both snapshots and the comparison FrontTailor masks e-mail addresses, phone numbers and IBANs with the rules of “Report a problem”. Nothing is sent. On PRODA snapshot only reads and is therefore allowed on PROD as well. Snapshots of a host marked as PROD ([Host profiles and PROD](https://fronttailor.com/en/docs/host-profiles-and-prod)) carry the flag and appear with the PROD tag. ### Typical problems What you see | Cause and fix No Get snapshot from … button | There is no host profile for another system. Create one in the popup. “No app is shown” | The tab shows the launchpad home page. Open the app and take the snapshot again. The app on the other system does not start in time | FrontTailor gives up after 60 s. Check the tab (login?) and try again. FrontTailor is not activated for the other system | Activate it in the popup of that tab. Differences in libraries or language | Libraries that load on demand depend on what you did in the app before the snapshot, and the language follows the session. Take both snapshots in the same state. ### See also - Features at a glance [Features · betrieb](https://fronttailor.com/en/features#betrieb) - Further reading [Configuring SAP Business Technology Platform – The Practical Guide for Administrators](https://www.sap-press.com/configuring-sap-business-technology-platform_6080/) (SAP PRESS) - Help from people [Release and transport quality](https://fronttailor.com/en/services#release) - Docs [Release check](https://fronttailor.com/en/docs/release-check) - Docs [Enterprise deployment](https://fronttailor.com/en/docs/enterprise-deployment) - Docs [Host profiles and PROD](https://fronttailor.com/en/docs/host-profiles-and-prod) - Sources ADR-030 · ADR-024 Frequently asked ### Short answers. **How do I compare a Fiori app between QA and PROD?** In the Compare tab, take a snapshot on one system, then click Get snapshot from PROD. FrontTailor shows the differences section by section. **Does FrontTailor fetch the other system in the background?** No. The snapshot is always taken in a tab of that system, only after your click and with your login. **Does a snapshot contain business data?** No, only metadata: versions, libraries, flex counts, $metadata structure, manifest excerpt and launchpad target. Snapshots stay in the browser. **May I take a snapshot on PROD?** Yes. The snapshot only reads; PROD snapshots carry the PROD flag. Your question isn’t here? Talk to me: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Get in touch](https://fronttailor.com/en/contact) --- # Check a Fiori app after a transport · FrontTailor Source: https://fronttailor.com/en/docs/release-check > After a transport, check whether the new version of a Fiori app is live on every system: manifest, cache buster, preload, app index – by traffic light. ## Release check The transport is imported, but users still see the old version? After one click, the release check queries all your systems and shows a traffic light per system and check – with the next step, such as /UI5/APP_INDEX_CALCULATE. It works for SAP Fiori® and UI5 apps and is part of the Enterprise edition. **Edition** from Enterprise **Tab** “Release” **Systems** from the host profiles, no second list **History** the last 10 runs per app, in the browser **On PROD** allowed – the check only reads This page answers - Has the new version arrived on QA and PROD after the transport? - Why do users still see the old Fiori app after the deployment? - Are the cache buster and the UI5 app index up to date? - What does the basis team still have to do after the import? ### Check a release The systems come from your host profiles (name, colour, PROD in the popup, see [Host profiles and PROD](https://fronttailor.com/en/docs/host-profiles-and-prod)): this system first, then the others, PROD last. Without further profiles the tab checks only the current system. - Open the app (in the launchpad: start the tile) and the Release tab in the FrontTailor panel. - Leave Expected version empty to use the version of the deployed manifest.json of the Source system – or type in the transport’s version. - Tick the Systems to check. The systems of the last run are preselected. - Click Check release. In the same click FrontTailor asks for access, checks the source system first and then each other system in turn. The release demo app on DEV, with QA and PROD from the host profiles. - Expected version – leave empty to take the source system’s version. - Source system, preselected is the current one. - Systems; the current tab is marked this tab, PROD with the PROD tag. - Check release starts the run. For each other system, FrontTailor uses an open tab with the same host and path or opens the app page there in the background; the check runs in that tab with your session. Only your own systems are requested, read-only and without cache: manifest.json, Component-preload.js, sap-ui-cachebuster-info.json and, on ABAP, the UI5 app index. ### Result and traffic lights QA still has version 1.0.0, PROD lacks the cache buster – with the steps for the basis team. - The summary: red and yellow lights, or “All systems serve version ….” - A system card with platform, served version and a light per check. The system’s light is the worst of its checks. - Next steps per system and check, identical steps only once. - Copy as Markdown for the change ticket; next to it Markdown and CSV as files. Check | Green | Red (examples) Deployed version | equal to the expected one | older; manifest missing Cache buster | index present and used | missing although the source system has one Index time stamp | token not older than the files | token older than manifest.json or preload (60 s tolerance) Component-preload | version in the preload matches | older; the browser loads a stale copy Stale resources | running app = served version | running app older than served App index (ABAP) | app found, version matches | app unknown; index differs from the served manifest Yellow means: newer or different than expected, no version in the manifest, index incomplete or not reachable. Grey (n/a) means not checked, for example the app index outside ABAP. The next steps depend on the platform (ABAP, HTML5 repository, web server), for example: - run report /UI5/APP_INDEX_CALCULATE for the app or call …/do-update-meta-data, - run /UI2/INVALIDATE_GLOBAL_CACHES or invalidate the ICM server cache (SMICM), - import the transport (STMS) or deploy again, - set up a cache buster for the users. The steps are text: FrontTailor starts no reports. The checks use the same logic as the deployment check of the current system, see [Enterprise deployment](https://fronttailor.com/en/docs/enterprise-deployment). On PRODThe check only reads and is therefore allowed on PROD as well. PROD systems ([Host profiles and PROD](https://fronttailor.com/en/docs/host-profiles-and-prod)) are marked in the list and come after the others. ### History Every run lands in this app’s history. The History keeps the last 10 runs per app, in this browser only: time, expected version, systems and lights. Show run brings an earlier run back into the result, Delete run and Delete all clean up. No response texts, cookies or tokens are stored. Exports mask personal data such as e-mail addresses; hosts stay visible, because they are the content of the report. ### Typical problems What you see | Cause and fix “No app is shown” | Open the app (in the launchpad: start the tile) and check again. Only “this tab” in the system list | There are no further host profiles. Create DEV, QA and PROD in the popup. Access not granted or FrontTailor is not activated on this system | Grant access, or activate FrontTailor in the popup of a tab of that system. The system’s tab does not answer in time | Often an expired login. Sign in in that tab and check again. A 404 line in the network console | A system has, for example, no cache-buster index. It only appears after your click and is itself the finding. ### See also - Features at a glance [Features · betrieb](https://fronttailor.com/en/features#betrieb) - Further reading [Configuring SAP Business Technology Platform – The Practical Guide for Administrators](https://www.sap-press.com/configuring-sap-business-technology-platform_6080/) (SAP PRESS) - Help from people [Release and transport quality](https://fronttailor.com/en/services#release) - Docs [System compare](https://fronttailor.com/en/docs/system-compare) - Docs [Enterprise deployment](https://fronttailor.com/en/docs/enterprise-deployment) - Docs [Health and morning check](https://fronttailor.com/en/docs/health-and-morning-check) - Sources ADR-042 · ADR-024 Frequently asked ### Short answers. **How do I check whether a Fiori app is current on PROD after the transport?** In the Release tab, tick the systems from the host profiles and click Check release. FrontTailor shows version, cache buster, Component-preload and app index per system as traffic lights. **Does FrontTailor run reports such as /UI5/APP_INDEX_CALCULATE?** No. The next steps are only text for the basis team; FrontTailor reads and changes nothing. **Does the release check query systems in the background?** Only after you click Check release and only the systems of your host profiles, each in a tab of that system with your session. **May I run the release check on PROD?** Yes. It only reads; PROD systems are marked and checked last. Your question isn’t here? Talk to me: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Get in touch](https://fronttailor.com/en/contact) --- # Open /IWFND/ERROR_LOG from a Fiori error · FrontTailor Source: https://fronttailor.com/en/docs/backend-jump > From a failed OData request of a Fiori app straight into /IWFND/ERROR_LOG, ST22, SM21 or SU53 – with transaction ID, time window and user to search for. ## Backend jump A request of the SAP Fiori® app fails – what now? The backend jump opens the matching analysis transactions of the same SAP system in SAP GUI for HTML and puts the search values next to them: transaction ID, date, time window, user. For CAP and SAP BTP it shows where the logs are instead. It has no tab of its own and is part of the Enterprise edition. **Edition** from Enterprise **Where** OData console (error tab), Health, Authorizations **Target** SAP GUI for HTML of the same system **Network** none – only links you click **On PROD** allowed – only opens transactions This page answers - How do I find the error of an OData request in /IWFND/ERROR_LOG? - In which time window do I search in ST22 or SM21? - Where are the logs when the backend is CAP? - Which transaction shows my user’s missing authorization? ### Where the jump appears The Backend jump card sits where the error is: - in the [OData console](https://fronttailor.com/en/docs/odata-console) in the error tab of a failed request, - in [Health and morning check](https://fronttailor.com/en/docs/health-and-morning-check) as a card for the last error, - in the authorization diagnosis ([Authorizations](https://fronttailor.com/en/docs/roles-and-authorizations#befunde)), collapsible in every finding. Without an Enterprise licence these places show a line with a short description. The OData console’s free link Open in Gateway error log stays as it is; it only opens /IWFND/ERROR_LOG without values. ### From the request into the error log - In the OData console, select the failed request (red) and its Error tab – or click Show request at the last error in Health. - Copy the transaction ID or the time window under Search values. - Click the transaction, such as /IWFND/ERROR_LOG. It opens in a new tab with your SAP session. - Enter the values the link cannot pre-fill and search. A simulated HTTP 500 of the freestyle demo app: six transactions, each saying what to enter. - Search values with a copy button: transaction ID, date, time window (±5 minutes around the request, local and UTC), Gateway timestamp, service – depending on the error also user, client, correlation ID and SAP message. - Look up the error: error logs, dumps and system log. Each link says what is pre-filled and what is not: “Not prefillable, enter: …” - Reproduce with a trace: switch on the trace, repeat the error, evaluate. Error | Transactions Gateway service (/sap/opu/odata…), except 401 | /IWFND/ERROR_LOG, /IWBEP/ERROR_LOG HTTP 5xx or network error | ST22, SM21 HTTP 403 | SU53 (uses the logged-on user), STAUTHTRACE HTTP 401 or 403 | SU01, pre-filled with the user if known other errors, except 401 | ST05, SAT FrontTailor appends the client if it is known from the request or the launchpad. The first screens of ST22, SM21, the error logs and traces cannot be pre-filled, because SAP documents no URL parameters for them – hence the search values to copy. If the SAP system runs in another time zone, use the UTC time window. ### In Health and in the authorization diagnosis In Health the card belongs to the session’s last error; the subtitle names the request. In a finding of the authorization diagnosis it is collapsed and, for a 403, brings SU53, SU01 and the authorization trace STAUTHTRACE. In the Health tab: the jump for the last error, here a $batch with status 500. ### CAP, SAP BTP and proxies Links into SAP GUI only appear if the request hits an ABAP backend on the same origin. Otherwise the card shows hints: A CAP service of the demo: instead of links, the hint to the cds watch console and the correlation ID. - Search values – for CAP with the correlation ID. - The hint where the logs are. Backend (card tag) | Hint ABAP | links into SAP GUI for HTML of the same system ABAP via proxy | The request went through an App Router, Work Zone or a destination: the transactions run in the ABAP backend, not on this host. ABAP Cloud | no SAP GUI: open the “SAP Gateway Error Log” feed in the ABAP Development Tools CAP | locally the cds watch console; otherwise cf logs --recent (copyable), SAP Cloud Logging, BTP cockpit Backend unknown | search your own server’s logs for the search values ### Prepare an SAP incident If the error has to go to SAP, Prepare SAP incident in the Report a problem tab builds a text in the structure SAP support expects – with the application component from the manifest, versions, steps and request IDs, masked like every report. This is part of the [issue reporter](https://fronttailor.com/en/docs/report-a-problem) (from Pro); FrontTailor sends nothing to SAP. On PRODThe backend jump sends no request and changes nothing. It only creates links; they open the same system with the browser’s login – on PROD too ([Host profiles and PROD](https://fronttailor.com/en/docs/host-profiles-and-prod)). ### Typical problems What you see | Cause and fix No links, only hints | The backend is not ABAP on the same origin (CAP, proxy, ABAP Cloud). Search the named log with the search values. The transaction opens empty | That is intended: the first screens cannot be pre-filled. Copy the values from the search values. No entry in the time window | The SAP system runs in another time zone. Use the UTC time window. A “Backend jump (Enterprise)” line instead of the card | The licence does not include the module. See [Licence and editions](https://fronttailor.com/en/docs/licence-and-editions). ### See also - Features at a glance [Features · betrieb](https://fronttailor.com/en/features#betrieb) - Further reading [Full Stack Development with SAP](https://www.sap-press.com/full-stack-development-with-sap_5733/) (SAP PRESS) - Help from people [SAP BTP: security and administration](https://fronttailor.com/en/services#btp) - Docs [OData console](https://fronttailor.com/en/docs/odata-console) - Docs [Health and morning check](https://fronttailor.com/en/docs/health-and-morning-check) - Docs [Roles and authorizations](https://fronttailor.com/en/docs/roles-and-authorizations) - Docs [Report a problem](https://fronttailor.com/en/docs/report-a-problem) - Sources ADR-041 Frequently asked ### Short answers. **How do I find a Fiori request’s error in /IWFND/ERROR_LOG?** In the OData console’s error tab, the Backend jump card shows the transaction ID to copy and a link that opens /IWFND/ERROR_LOG of the same system in SAP GUI for HTML. **Does the backend jump send data to the SAP system?** No. It only creates links. Only your click opens the transaction, with the browser’s existing login. **Why are the fields in ST22 not pre-filled?** SAP documents no URL parameters for these first screens. That is why date, time window and user are shown as search values to copy. **What does the backend jump show for CAP?** Hints instead of SAP GUI links: locally the cds watch console, on SAP BTP cf logs, SAP Cloud Logging or the cockpit, each with the correlation ID. Your question isn’t here? Talk to me: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Get in touch](https://fronttailor.com/en/contact) --- # Test local UI5 code in the real launchpad · FrontTailor Source: https://fronttailor.com/en/docs/local-code > Test local UI5 changes in the real Fiori launchpad: redirect app files to ui5 serve, fiori run or BAS, in one tab only, no deployment, locked on PROD. ## Local code With “Local code”, the real system loads the files of a UI5 app from your dev server. Launchpad, roles, data, plugins and UI5 itself stay on the system – only your own code comes from localhost. This applies to this tab only, a banner in the page shows it, and one click switches back. **Edition** from Pro **Tab** “Local code” **Surfaces** DevTools panel and side panel **Targets** localhost, 127.0.0.1, [::1], *.localhost, confirmed https dev hosts **On PROD** switching on locked, switching off always possible This page answers - How do I test my local UI5 app in the real Fiori launchpad without deploying? - How do I redirect the files of an app to ui5 serve or fiori run? - What stays on the system, what comes from the dev server? - How do I switch back to the deployed app? ### Why “Local code”? Some bugs only show in the real launchpad: with the real tile, the real roles, real data and the system’s plugins. Until now that meant: build, deploy, clear the cache, test. With the Local code tab, FrontTailor redirects the requests for an app’s files to your dev server (ui5 serve, fiori run or the preview in SAP Business Application Studio). Everything else still comes from the system. Only your own code is loaded; nothing is uploaded. The redirect applies to the current tab only and ends when you switch it off, close the tab, restart the browser or the extension is updated. from Pro The tab has three areas: Mappings (which app goes to which dev server), New mapping and How it works with a short guide. Once you have confirmed https dev hosts, Trusted dev hosts appears below. ### Create a mapping - Start your dev server, for example ui5 serve --port 8080 or fiori run. - Open the app on the system – in the launchpad: start it –, then the Local code tab in the panel. - Under Apps on this page you see the detected UI5 apps. Click Use next to your app; app ID and path on the system are then filled in. If the app is missing, click Search again. - Under Dev server URL, enter the address where your server delivers the app’s manifest.json, for example http://localhost:8080/. - Click Save mapping. A new mapping in the demo launchpad: the freestyle demo app goes to a dev server on port 8840. - Use fills the app ID (sap.app.id) and the Path on the system from the detected app. Open marks the app that is currently running. - Dev server URL. Right below, you see whether the target is allowed – here “Your own machine: allowed.” - Component-preload.js: Block (single files) is the default and right for ui5 serve and fiori run – UI5 then loads every file on its own from your dev server. Use From dev server only if your server builds a preload itself (for example from a dist folder). - Stays on the system: FrontTailor never redirects these paths, among them resources/, test-resources/, sap-ui-cachebuster-info.json and the backend services from the app’s manifest. - Save mapping stores the mapping for this system. Nothing is switched on yet. Mappings apply per system (host). FrontTailor stores up to 30 mappings per host, locally in the browser. Use Edit and Delete to change them later. ### Check the dev server Before switching on, click Check on the mapping. FrontTailor then fetches – only on this click – the manifest.json under the dev server URL and compares the app ID. The check is green: the dev server delivers the same app. - Check asks the dev server for the manifest.json. - The result, here “Dev server answers in … ms with manifest.json of ft.demo.freestyle.” Other results are listed under Common problems. - Switch on starts the redirect (see next section). ### Switch on - Click Switch on on the mapping. - Read in the dialog what will happen: which path goes where, how Component-preload.js is handled and what stays on the system. - Tick I want to run my local code in this tab. - Click Switch on and reload. The page reloads without cache and fetches the app’s files from your dev server. Before switching, FrontTailor shows exactly what is redirected – and asks for a tick. - Without this tick the button stays disabled. - Switch on and reload. Cancel leaves everything as it is. If FrontTailor has no access to the system yet, the browser asks for it when you switch on (see [Allow access to a page](https://fronttailor.com/en/docs/getting-started#freigabe)). Access is needed for the origin of the app files and the origin of the page. Only one redirect is active per tab. ### How you can tell local code is running While the redirect is active, the page shows a Local code active banner at the bottom with the dev server address and the app ID. It belongs to the extension, not to the app, and does not appear in print. In the demo launchpad, the changed Master.view.xml comes from the dev server: the list title now reads “Products (local)”. The banner at the bottom. In the panel, a notice above the mappings shows the same information; the active mapping carries the Active tag. The panel while the redirect is active. - Switch off ends the redirect and loads the deployed app. - The Active tag on the mapping that is in effect. ### Switch off Three ways lead back to the deployed app: - Switch off in the banner in the page, - Switch off in the panel, - the command Switch local code off () in the [command palette](https://fronttailor.com/en/docs/command-palette) – it only appears while a redirect is active. Switching off always works: on PROD too, with an expired licence and even if your administrator has switched the module off by policy. Closing the tab ends the redirect as well. ### Allowed targets and trusted dev hosts Target | Allowed? localhost, 127.0.0.1, [::1], *.localhost – any port, http or https | Yes, without asking. Another host over https, for example the preview in SAP Business Application Studio | Only after you confirm: when saving, FrontTailor asks “Trust this dev host?”. Known BAS hosts are labelled as such, all others come with a warning. Up to 20 confirmed hosts; remove them under Trusted dev hosts. http to another host, other schemes, URLs with user or password | No. FrontTailor does not run the code itself and does not load it into the extension: the browser fetches the files as usual, just from another address. FrontTailor stores no credentials for this. On PROD On a system marked as PROD, switching on is locked – in the panel and also in the extension’s background. The tab then shows “This system is marked as PROD: redirecting app files to a dev server is locked. Switching off stays possible.” How to mark a system: [Host profiles and PROD](https://fronttailor.com/en/docs/host-profiles-and-prod). ### Good to know - CORS: the dev server must allow cross-origin requests. ui5 serve and fiori run do. - Local network: Chrome may ask once whether the system may access devices on your local network. Allow it. - Content Security Policy: a strict CSP on the system can block localhost. The app then does not start; switching off restores it. - BAS: the preview requires a login. Open the preview URL once in this browser and sign in. - The app’s service worker: if the app has its own service worker, it can answer from its cache and bypass the redirect. Clear the cache then (see [Tools](https://fronttailor.com/en/docs/tools)). - One root per mapping: your own libraries that the app loads from another path need their own mapping. ### Common problems Message | Cause and fix “No answer from …” | The dev server is not running on this port or does not allow cross-origin requests. “… returns 404” | The URL must point to the folder with the manifest.json – with ui5 serve, the server root. “… belongs to … instead of …” | The server delivers another app. Check the URL or the mapping. “… has no sap.app.id” or “… is not JSON” | The URL does not point to the app’s webapp folder. “… requires a login” | Typical for BAS: open the preview URL once in the browser and sign in. “Target not allowed” | Only localhost or a confirmed https dev host, see Allowed targets. “The dev server URL is inside the path on the system” | That would be a loop. Target and path on the system must differ. “FrontTailor has no access to this system yet” | Click switch on again and allow access. “No UI5 app found yet” | The app has not started yet. Open the app in the launchpad and click Search again. The app does not start after switching on | Often a strict CSP or missing CORS. Switching off restores the deployed app. ### See also - Features at a glance [Features · Test & report](https://fronttailor.com/en/features#entwickeln) - Further reading [Git und SAP – Versionsverwaltung und Transporte](https://www.rheinwerk-verlag.de/git-und-sap/) (SAP PRESS) - Further reading [SAPUI5 – The Comprehensive Guide](https://www.sap-press.com/sapui5_6012/) (SAP PRESS) - Help from people [Custom Fiori, UI5 and CAP apps](https://fronttailor.com/en/services#apps) - Docs [Tools](https://fronttailor.com/en/docs/tools) - Docs [Host profiles and PROD](https://fronttailor.com/en/docs/host-profiles-and-prod) - Docs [Command palette](https://fronttailor.com/en/docs/command-palette) - Sources ADR-036 Frequently asked ### Short answers. **Can I test my local UI5 app in the real Fiori launchpad without deploying?** Yes, with the Local code tab (Pro). FrontTailor redirects only the files of this one app to your dev server, in exactly one tab. Launchpad, roles, data and UI5 still come from the system. **Does this work with ui5 serve, fiori run and SAP Business Application Studio?** Yes. ui5 serve and fiori run on localhost are allowed without asking. For the BAS preview you confirm the https host once and sign in in the browser. **What happens on PROD?** Switching on is locked on a system marked as PROD. Switching off always stays possible. **How do I get back to the deployed app?** Switch off in the page banner, in the panel or via the command palette. Closing the tab also ends the redirect. Your question isn’t here? Talk to me: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Get in touch](https://fronttailor.com/en/contact) --- # Known errors: the fix right at the SAP error · FrontTailor Source: https://fronttailor.com/en/docs/known-errors > Save solutions for recurring OData, Gateway and authorization errors once. FrontTailor shows them as soon as the same error appears again. ## Known errors The same error every week, and every time someone hunts for the fix again? With “Known errors” you save it once at the error. The next time it occurs, the error carries the “Known” badge and the fix sits right below it – in the OData console, the UI5 log, Health, authorizations and the issue reporter. **Edition** Community **Tab** “Known errors” **Surfaces** DevTools panel and side panel **Storage** this browser only, up to 1,000 entries **Team entries** via team packages, Team edition **On PROD** no lock, changes nothing in the system This page answers - How do I document the fix for a recurring Gateway error? - How does the team see that an error is already known? - Which parts of an error make it recognisable? - How do I share known errors with colleagues? ### The tab at a glance The Known errors tab collects your solutions. As long as it is empty, it explains the idea in three steps. The empty tab: three steps to the first solution. - New creates an entry by hand. - Import reads a JSON file with entries, Export writes your entries into one. - The empty state: open an error, Save as known error, write the solution. ### Save a solution at the error - In the [OData console](https://fronttailor.com/en/docs/odata-console), open the failed request and choose the Error tab. - Click Save as known error. The pattern is taken from the error and masked. - Enter title and solution (Markdown). - Remove from the pattern whatever changes from case to case, such as keys or numbers. - Save. From a 403 in the demo app: message, status, service, entity set and authorization object are already filled in. - Title, short and recognisable. - Solution (Markdown), for example which role is missing and where to check. - The pattern starts with the T100 message: message class and number. - The authorization object from the error text or the authorization diagnosis. - Save. Under Links, ticket and owner you add up to ten links, a known ticket, the owner (team or role), a ticket template and the “last confirmed” date. Pattern field | Matches when … Message class · Message number | … the T100 message is in the error code or the details, e.g. ZFT_DEMO/403. The number only together with the class. HTTP status | … the status is equal (403) or in the class (5xx). Gateway error code | … the code starts like this: /IWFND/CM_BEC matches /IWFND/CM_BEC/026. Message text (regex) | … the regular expression matches the error text (case-insensitive). App ID | … the error comes from this app. Service · Entity set | … the service URL contains the text, or the entity set is equal. Console / UI5 log error (regex) | … an error from the UI5 log or the console matches. Authorization object | … the authorization diagnosis names it or it appears as a word in the error text. All filled-in fields must match. Regular expressions must not match empty text (no .*) and are limited to 300 characters. If several entries match, the most precise one comes first. ### Next time: “Known” The same 403 again: badge in the header, solution above the error. - The Known badge in the details header. A click jumps to the Error tab. - The solution card with title, solution, ticket and owner, plus Edit. Save another solution creates a second entry. Place | Display [OData console](https://fronttailor.com/en/docs/odata-console) | “Known” in the details, solution card above every error section. UI5 log ([Tools](https://fronttailor.com/en/docs/tools)) | “Known” column on error rows, solution expandable. [Health and morning check](https://fronttailor.com/en/docs/health-and-morning-check) | Card Known errors in this session. Authorizations | Solution card per finding. [Report a problem](https://fronttailor.com/en/docs/report-a-problem) | Card in the context; the report gets a “Known errors” section with the solution or “Already known: ticket …”. ### The list One entry with its pattern and two hits. - Search title, solution, pattern and ticket – all words must occur. - Export writes your own entries as a JSON file. - The pattern as chips: message, HTTP, service, entity set, auth object. - How often the entry matched and when last. - Edit and Delete. Button | Effect New | Create an entry without an error as a template. Save as known error | Create an entry from an error, pattern prefilled. Show solution · Hide solution | Expand or collapse the entry. Edit · Delete | Change the entry · remove it with its hit count (after a confirmation). Copy ticket template | Put the template text for a new ticket on the clipboard. Import · Export | Read or write a JSON file with your own entries. ### Masking and team Patterns must not contain personal data. When saving from an error, e-mail addresses, phone numbers, IBANs and long digit sequences become placeholders (.+?). FrontTailor refuses a pattern with such values and names the field, asking you to replace it with a placeholder (.+?). Matching runs only in the panel, never in the page. Your own entries are free. With from Team, the team’s entries arrive via a team package, see [Team packages](https://fronttailor.com/en/docs/team-packages). You can override team entries locally; entries set by your administrator are read-only. An export contains only your own entries, without hits. On PRODKnown errors change neither the app nor the SAP system. That is why there is no lock on PROD: the fix right at the error helps most there. ### Typical problems Problem | Solution The error is not recognised as known | A pattern field no longer matches, often a key or a number in the text. Replace variable parts of the message text with .+? or clear the field. Saving is refused | The pattern contains personal data or is empty. The editor names the field. Team entries are missing | They appear only with team sync switched on and a from Team licence. The tab points this out. The import skips entries | Invalid entries and patterns with personal data are left out; the message gives the number. ### See also - Features at a glance [Features · Test & report](https://fronttailor.com/en/features#entwickeln) - Further reading [Security and Authorizations for SAP Business Technology Platform](https://www.sap-press.com/security-and-authorizations-for-sap-business-technology-platform_5627/) (SAP PRESS) - Help from people [Release and transport quality](https://fronttailor.com/en/services#release) - Docs [OData console](https://fronttailor.com/en/docs/odata-console) - Docs [Report a problem](https://fronttailor.com/en/docs/report-a-problem) - Docs [Health and morning check](https://fronttailor.com/en/docs/health-and-morning-check) - Docs [Team packages](https://fronttailor.com/en/docs/team-packages) - Sources ADR-040 Frequently asked ### Short answers. **Where does FrontTailor store known errors?** Only in your browser, up to 1,000 entries. Sharing works via a JSON file or, with the Team edition, via team packages. **Does the known errors feature cost anything?** Your own entries are part of the free Community edition. Entries for the whole team via team packages need the Team edition. **How does FrontTailor recognise a known error?** By a pattern of T100 message, HTTP status, Gateway code, error text, app ID, service, entity set, console message or authorization object. All filled-in fields must match. **Does personal data end up in the patterns?** No. It is masked when saving, and FrontTailor refuses patterns with personal data. Your question isn’t here? Talk to me: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Get in touch](https://fronttailor.com/en/contact) --- # Save and restore a Fiori app’s state · FrontTailor Source: https://fronttailor.com/en/docs/bookmarks > Remember a Fiori app’s route, filter values, variant and tab and restore them in one click after a reload – in the launchpad too, without write steps on PROD. ## App state bookmarks You clicked your way to the problem, set filters, picked the right tab – and then you have to reload. Bookmarks remember exactly this state. After the reload, one click takes you back: navigation, filters, variant and tab, and recorded clicks if you like. **Edition** Community **Place** “Bookmarks” card at the top of the “Overview” tab, no tab of its own **Palette** “Remember state”, “Open bookmark: …” **Storage** up to 300 bookmarks in this browser **Team bookmarks** via team packages, Team edition **On PROD** navigation, filters and tabs yes, write steps no This page answers - How do I get back to the same spot in the Fiori app after a reload? - Are filter values and the variant saved, too? - Do bookmarks work in the launchpad and on other systems? - What happens on a productive system? ### Where the bookmarks are Bookmarks have no tab of their own. The Bookmarks card sits at the very top of the [Overview & system info](https://fronttailor.com/en/docs/overview) tab – the tab the panel shows after opening, so right at the moment after the reload. Without entries it says: “No bookmarks yet. Go to the place you need (detail page, filters, tab) and click "Remember state".” ### Remember state - In the app, go to the place you need: detail page, filters, variant, tab. - Open the Overview tab in the panel. - In the Bookmarks card, click Remember state. It says “Remembered: "…"”. - If you like, give it a telling name via the … menu → Rename. Remembered in the freestyle demo app: search “Dock” and the detail page of P-1001. - Remember state: saves the URL with launchpad intent and app route, filter values and variant, and the selected tab or section. - The name: app and route at first. Below it app, route and age (just now, 5 min ago …). - Tags: number of filters, Tab, number of steps, Changes data. - The details (expand with the arrow on the left): filter, variant, tab or section, steps. Values are shown masked. - Restore. - The … menu: details, Rename, Delete. Control in the app | What is remembered Filter bar in Fiori elements V4 (sap.ui.mdc.FilterBar) | Conditions and variant. SmartFilterBar in Fiori elements V2 | Filter data and variant. sap.m.SearchField outside filter bars and dialogs | Search text. sap.m.IconTabBar · sap.m.TabContainer | Selected tab. sap.uxap.ObjectPageLayout | Selected section. Each bookmark holds at most 10 filter bars, 10 tabs and 20 steps. ### Restore - Reload the app or open it in another tab; FrontTailor connects. - In the Overview tab, click Restore on the bookmark. - FrontTailor navigates to the remembered place, sets filters and tab and replays attached steps. If the tab shows another document, FrontTailor loads the remembered URL first. - Read the result: restored or restored with gaps. After reloading to the start page: one click, and search and detail page are back. - The result: how many filter and tab states were applied – and with gaps, what was not found, skipped or locked on PROD. The app after the click: search text “Dock” and the detail page of USB-C Dock. - The remembered search text is set again; the app filtered the list itself. Filters of a filter bar that was not visible when remembering (such as the list report’s while an object page was open) are first applied on the app’s start route, then FrontTailor navigates on. It finds controls by their ID, otherwise by the view-local ID and the class – so a bookmark also works when the launchpad assigns a different prefix. ### Attach recorded steps If the panel holds a finished recording of the recorder ([Report a problem](https://fronttailor.com/en/docs/report-a-problem)), the card offers Attach the last n recorded steps (at most 20, off by default). The steps are replayed after the filters, for example to reopen a dialog. Clicks and switches are replayed; typed text and selections are skipped and counted. On PROD “PROD system: navigation, filters and tabs are restored, recorded steps that change data are not replayed.” Buttons such as save, edit, create, delete, approve count as changing – and so does any button without a known word. Such bookmarks carry the Changes data tag. The extension’s background and the page both check this, independent of the panel. See [Host profiles and PROD](https://fronttailor.com/en/docs/host-profiles-and-prod). ### Bookmarks in the command palette The [Command palette](https://fronttailor.com/en/docs/command-palette) (Alt+Shift+K) offers Remember state and, per bookmark, Open bookmark: …. Both can be pinned as favourites like any command. ### Team bookmarks and privacy Your own bookmarks apply per origin and are free. With from Team, team bookmarks arrive via a team package ([Team packages](https://fronttailor.com/en/docs/team-packages)); they sit in the Team group and work on every system with the same app, because the path is stored relative. The card groups by This app, Other apps on this system and Team; from six entries on there is a search. Storage is local in this browser, without sensitive URL parameters, without tokens and cookies. Values are kept as read, but shown masked (rules of the issue reporter). When exported to a team package, name, filter values, steps and path are masked; restoring skips masked filters. ### All buttons Button | Effect Remember state | Save the app’s current state as a bookmark. Attach the last n recorded steps | Save the recorder’s steps as well (checkbox). Search bookmarks | Filter the list (from six entries on). Restore | Navigate, set filters and tab, replay steps. Show details · Hide details | Show filters, variant, tab and steps. Rename · Delete | In the … menu; bookmarks set by your administrator are read-only. ### Typical problems Problem | Solution Connect a UI5 app to remember its state. | The card needs a connected app. Wait until the panel says Connected. restored with gaps | A filter or tab was not found, for example because the app changed. The message says what is missing; remember the bookmark again. Steps are skipped | Typed text and selections are never replayed. On PROD, steps that can change data are dropped as well. Team bookmarks are missing | They appear only with team sync switched on and a from Team licence. ### See also - Features at a glance [Features · Inspector & Models](https://fronttailor.com/en/features#inspector) - Further reading [SAP Fiori Elements – Development and Extensibility](https://www.sap-press.com/sap-fiori-elements_5641/) (SAP PRESS) - Help from people [Hands-on workshops on SAPUI5, Fiori elements, OData and CAP](https://fronttailor.com/en/services#hands-on) - Docs [Overview & system info](https://fronttailor.com/en/docs/overview) - Docs [Command palette](https://fronttailor.com/en/docs/command-palette) - Docs [Report a problem](https://fronttailor.com/en/docs/report-a-problem) - Docs [Team packages](https://fronttailor.com/en/docs/team-packages) - Sources ADR-038 Frequently asked ### Short answers. **Do bookmarks save filters and the variant, too?** Yes. They remember the route with launchpad intent, the filter bar’s filter values and variant (Fiori elements V2 and V4), search fields and the selected tab or section. **Where do I find the bookmarks?** There is no tab of their own: the Bookmarks card sits at the very top of the Overview tab. They are also in the command palette (Alt+Shift+K). **Are bookmarks allowed on PROD?** Yes, navigation, filters and tabs are restored on PROD, too. Recorded steps that can change data are not replayed there. **Can I share bookmarks with the team?** With the Team edition, via team packages. Because the path is stored relative, they work on every system with the same app. Your question isn’t here? Talk to me: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Get in touch](https://fronttailor.com/en/contact) --- # Command palette for UI5 apps: Alt+Shift+K · FrontTailor Source: https://fronttailor.com/en/docs/command-palette > With Alt+Shift+K right in the UI5 app: toggle debug mode, reset caches, set the log level, start the Support Assistant – by keyboard, with favourites. ## Command palette The command palette brings FrontTailor’s tools into the app itself: press Alt+Shift+K, type a few letters, Enter. No DevTools, no mouse. Pin frequent commands as favourites. **Edition** Community **Shortcut** Alt+Shift+K (changeable) **Place** in the app’s page, on top of everything **Also via** Tools › More tools › Command palette, popup “Palette” **On PROD** locked commands visible but disabled This page answers - How do I switch UI5 debug mode on by keyboard? - How do I quickly reset a Fiori app’s caches? - How do I change the palette’s shortcut? - How do I pin frequent commands? ### Open the palette The palette opens in the app’s page, not in the panel. There are three ways: - Alt+Shift+K in the app (on a Mac ⌥⇧K). - In the panel: Tools tab › More tools card › Command palette › Open. - In the extension popup: Palette. The palette in the Tools tab: see and change the shortcut, open the palette. - Change shortcuts opens chrome://extensions/shortcuts. The current shortcut is shown next to it. - Open shows the palette in the app. The palette over the app: search field at the top, actions below, key help at the bottom. - Search actions …: typing filters right away. - The selected action; the star on the right pins it. ### Run a command - Press Alt+Shift+K in the app. - Type debug. The search is fuzzy: word starts and contiguous matches come first. - Use ↑/↓ to select Switch debug mode on. - Press Enter. The app reloads with sap-ui-debug=true. Search for “debug”: all matching actions, the best first. - The search term. - The best match is selected; Enter runs it. Commands that delete or reset something ask first: “Really run this?” – a second Enter runs it, Esc cancels. The extension’s background checks for itself anyway. ### The commands Command | Effect Reset caches and reload | Clear the app’s caches and reload; asks first, locked on PROD. Reload without cache | Reload the page bypassing the browser cache. Switch debug mode on · off | Set or remove sap-ui-debug. Debug only own code (sap-ui-debug=) | Load only the app’s namespace unminified. Remove all debug parameters | Take the debug parameters out of the URL. Switch component preload off · Switch view cache off · Set flexibility services to "/" | Debug switches of the app, see [Tools](https://fronttailor.com/en/docs/tools). Check cache buster | Checks whether the loaded version matches the deploy. Reset launchpad personalization | Asks first, locked on PROD. UI5 log level: debug · warning | Change UI5’s log level. Start Support Assistant | UI5’s rule check of the app. Open technical information (diagnostics) | The UI5 diagnostics window. Pick a control (pick mode) | Like Alt+Shift+F, see [Inspector](https://fronttailor.com/en/docs/inspector). Open side panel | FrontTailor’s side panel. Change keyboard shortcuts | Opens chrome://extensions/shortcuts. Apply URL profile "…" | One per URL profile of your own, see [Tools](https://fronttailor.com/en/docs/tools). Remember state · Open bookmark: … | See [App state bookmarks](https://fronttailor.com/en/docs/bookmarks). ### Favourites and recently used The star or Ctrl+D (Mac: Cmd+D) pins the selected command. Without a search term the palette then shows Favourites first, then the ten recently used commands, then All actions. A pinned command sits at the very top. - The Favourites group. - The pinned command with a filled star. Ctrl+D again unpins it. In the Tools tab, the Palette favourites card shows your own favourites, team favourites and recently used commands; you can pin and unpin there, too. Favourites from team packages appear with from Team and carry the Team badge; those set by your administrator (Admin) cannot be unpinned. ### Keys in the palette Key | Effect ↑ ↓ | Select. Enter | Run; when asked, a second time to confirm. Ctrl+D | Pin or unpin. Esc | Close or cancel the confirmation – without running anything. The palette only processes real key presses and passes no keys to the app. Change the Alt+Shift+K shortcut under chrome://extensions/shortcuts (Edge: edge://extensions/shortcuts). On PRODCommands not allowed on PROD (such as resetting caches or the launchpad personalization) stay visible but are disabled: “Locked on PROD”. The lock sits in the extension’s background, not only in the palette. See [Host profiles and PROD](https://fronttailor.com/en/docs/host-profiles-and-prod). ### Typical problems Problem | Solution Alt+Shift+K does nothing | The shortcut is taken or not set (“No shortcut set” in the Tools tab). Assign it again under chrome://extensions/shortcuts, or start via Open in the Tools tab. The palette needs a connected UI5 app in the tab. | The palette runs on detected UI5 pages only. Wait until the panel says Connected. A command is grey | It is not available on this page or locked on PROD; the hint next to it says why. Open side panel does not work | The browser requires a direct click for it. Open it via the extension icon then; the palette points this out. ### See also - Features at a glance [Features · Inspector & Models](https://fronttailor.com/en/features#inspector) - Further reading [SAPUI5 – The Comprehensive Guide](https://www.sap-press.com/sapui5_6012/) (SAP PRESS) - Help from people [Hands-on workshops on SAPUI5, Fiori elements, OData and CAP](https://fronttailor.com/en/services#hands-on) - Docs [Tools](https://fronttailor.com/en/docs/tools) - Docs [App state bookmarks](https://fronttailor.com/en/docs/bookmarks) - Docs [Inspector](https://fronttailor.com/en/docs/inspector) - Sources ADR-008 · ADR-029 Frequently asked ### Short answers. **How do I open FrontTailor’s command palette?** Press Alt+Shift+K in the UI5 app. Alternatively click Open under Tools › More tools › Command palette in the panel, or Palette in the extension popup. **Can I change the shortcut?** Yes, under chrome://extensions/shortcuts (in Edge edge://extensions/shortcuts). The Tools tab links there. **What happens with risky commands like resetting caches?** The palette asks first (“Really run this?”); only a second Enter runs it. On PROD such commands are locked. **Does the command palette cost anything?** No. It is part of the free Community edition. Team favourites from team packages need the Team edition. Your question isn’t here? Talk to me: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Get in touch](https://fronttailor.com/en/contact) --- # Enter a licence and FrontTailor editions · FrontTailor Source: https://fronttailor.com/en/docs/licence-and-editions > Enter a FrontTailor licence: 7-day trial, then Community. Activate the key in the Tools tab, checked offline. What Pro, Team and Enterprise unlock. ## Licence and editions FrontTailor comes in four editions: Community is free, Pro, Team and Enterprise are unlocked by a licence key. Every new installation gets all editions for 7 days; after that Community applies until you enter a key. The key is checked offline in the browser and never leaves it. **Where** “Tools” tab › “Licence” card or a locked tab **Check** offline, Ed25519 signature **Trial** 7 days, all editions **After that** Community until a key is entered This page answers - Where do I enter the FrontTailor licence key? - What do Pro, Team and Enterprise unlock? - Is my licence key sent to a server? - What happens when the licence expires? - What applies after the trial? ### 7 days of all editions, then Community Since version 1.0.0 the licence check is on. Every new installation gets all editions for 7 days, without a key. The Licence card shows Trial: n days left. After that Community applies until you enter a valid key; the card says when the trial ended. Community stays free, without a key and without expiry. A valid licence always wins over the trial. Administrators can switch the trial off by policy (trial: false). ### What each edition unlocks The editions build on each other: Pro contains Community, Team contains Pro, Enterprise contains Team. Prices and licence models are on the [Editions](https://fronttailor.com/en/editions) page. Edition | Modules Community | Inspector, models, OData console, tools (cache, debug, language, URL profiles, flex), command palette, UI5 2.0 readiness check, library analysis, known errors, bookmarks, recorder. Free, open source under Apache 2.0. from Pro | Performance profiler, annotation explorer, scaffolding, AI assistant, report a problem (issue reporter), i18n and accessibility check, Fiori guidelines check, local code, fault simulation; plus the exports of the readiness check and the library analysis. from Team | Team sync with team packages and team bookmarks. from Enterprise | Launchpad inspector, health, morning check, authorization diagnostics, system compare, release check, backend service with role simulator, jump to the backend, ServiceNow as a ticket target; admin policies and sideload. Locked modules stay visible: their tab carries a lock and the edition, for example Performance (Pro). A click shows what the module does and the field for the licence key. A locked Pro tab after the trial: the explanation on top, the licence entry right below. - “Fault simulation is part of FrontTailor Pro” – with a short description of the module. - What applies right now: Community – enter a licence. - Activate licence unlocks the module right away, without a reload. ### Enter the licence key After the online purchase of Pro or Team the key comes automatically by e-mail. Enterprise, licences per SAP system and frame contracts come from [sales](https://fronttailor.com/en/contact?thema=Enterprise). The key starts with eyJ. The Licence card in the Tools tab. - The card’s header shows what applies: Trial: n days left, the edition or Community – enter a licence. - Notes on the trial, the approaching end or a rejected licence. - The Licence key field. - Activate licence. - In the DevTools panel or the side panel, open the Tools tab and expand the Licence card. Or click a locked tab. - Paste the complete licence key from the licence e-mail into the Licence key field. - Click Activate licence. - “Licence activated for .” appears. The edition’s modules are free right away, without a reload. The card then shows licensee, edition, licence metric, service period, bound SAP systems or users and the expiry date. Remove licence deletes the key again. LocalThe licence key stays in this browser profile (chrome.storage.local, never in sync) and is never sent anywhere. The signature check runs offline in the browser. ### Term, renewal and binding Situation | What FrontTailor shows 30 days before the end | A tag with the days left and “The licence ends on … Please renew.” After the service period | 3 days of grace: “The paid period has ended – grace period until … Please renew.” The modules stay free. Expired | Community applies; the paid tabs are locked again. Renewal entered before it starts | The new licence waits and replaces the old one on its first day, by itself. Licence bound to SAP systems | It applies only on these hosts; elsewhere Community applies, and the locked tab names the licensed systems. Licence bound to launchpad users | It applies only to these users or domains. If a key is rejected, the card gives the reason, for example “invalid signature (key changed or incomplete).” or “the licence was issued for another product or key (e.g. iFlow Tailor), not for FrontTailor.” More under [Troubleshooting](https://fronttailor.com/en/docs/troubleshooting). ### Licence by policy Administrators deploy the key to all users with the licenseKey policy ([Enterprise deployment](https://fronttailor.com/en/docs/enterprise-deployment)). The card then shows “Deployed by your administrator. It cannot be changed here.” A module switched off by policy stays off even with a licence. ### See also - Docs [Tools](https://fronttailor.com/en/docs/tools) - Docs [Enterprise deployment](https://fronttailor.com/en/docs/enterprise-deployment) - Docs [Troubleshooting](https://fronttailor.com/en/docs/troubleshooting) - Sources ADR-014 · KONZEPT · ADR-014 · README Frequently asked ### Short answers. **Where do I enter the licence key?** In the Tools tab in the Licence card, or right in a locked tab: paste the key and click Activate licence. The modules are free right away, without a reload. **Is my licence key sent to a server?** No. FrontTailor checks the signature offline in the browser. The key stays in the browser profile and is not synced. **Do I need a licence?** Not for Community: it is free and stays free. Every new installation gets all editions for 7 days. After that Pro, Team and Enterprise need a licence key; without one, Community applies. **What happens when the licence expires?** The card warns 30 days ahead. After the service period there are 3 days of grace, then Community applies and the paid tabs are locked again. Your question isn’t here? Talk to me: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Get in touch](https://fronttailor.com/en/contact) --- # Deploy FrontTailor via GPO, Intune and MDM · FrontTailor Source: https://fronttailor.com/en/docs/enterprise-deployment > Roll out FrontTailor centrally: force-install it in Chrome and Edge, sideload with update.xml, set policies such as allowedHosts, prodHosts and modules. ## Enterprise deployment For IT administrators: force-install FrontTailor in Chrome and Edge – from the store or self-hosted – and use policies to decide on which hosts it runs, which systems are PROD and which modules are active. **Edition** from Enterprise **Installation** ExtensionSettings or ExtensionInstallForcelist **Configuration** managed storage (chrome.storage.managed) **Tools** GPO, registry, Intune, macOS profile, Linux JSON **Takes effect** without restart This page answers - How do I roll out FrontTailor via group policy or Intune? - How do I restrict FrontTailor to certain SAP hosts? - How do I switch off single modules for all users? - How do I self-host FrontTailor with update.xml? ### Three ways to distribute Way | Extension ID | Updates Chrome Web Store | assigned by the Chrome Web Store | automatically via the store Edge Add-ons | assigned by Edge Add-ons – a different ID than in the Chrome Web Store | automatically via Edge Add-ons Sideload (self-hosted) | derived from the fixed key of the signed CRX | via your own update.xml Every policy refers to the ID of the way you actually use. A policy for the Chrome Web Store ID does not apply to the Edge ID or to the sideload ID. The examples use as a placeholder. Still openThe store IDs are fixed only after submission, the sideload ID only with the final CRX key. The sideload has not been tested with a customer yet. If you are planning a rollout, [talk to us](https://fronttailor.com/en/contact?thema=Enterprise). ### Requirements - Chrome or Edge 137 or later. - Self-hosted extensions can only be forced on managed devices: on Windows in an Active Directory domain, joined to Microsoft Entra ID or enrolled in Chrome Enterprise Core; on macOS via MDM, MCX or Chrome Enterprise Core. On Linux they can always be installed. For Edge on Windows without a domain join, forced installation is limited to extensions from Edge Add-ons. - For the sideload, an HTTPS web server for update.xml and the CRX. ### Force the installation Recommended for the sideload: the ExtensionSettings policy with override_update_url. Then the browser installs and updates only via your update.xml; FrontTailor’s manifest has no update URL of its own. { "": { "installation_mode": "force_installed", "update_url": "https:///fioritailor/update.xml", "override_update_url": true, "toolbar_pin": "force_pinned" } } - installation_mode: force_installed (cannot be uninstalled) or normal_installed (can be disabled). - toolbar_pin is optional; minimum_version_required enforces a minimum version. - For the store variant, drop update_url and override_update_url; the ID is then the store ID. Alternatively ExtensionInstallForcelist with one entry ; each: Browser and way | Update URL Chrome, Chrome Web Store | https://clients2.google.com/service/update2/crx Edge, Edge Add-ons | https://edge.microsoft.com/extensionwebstorebase/v1/crx Chrome or Edge, sideload | https:///fioritailor/update.xml (for later updates also ExtensionSettings) The update.xml names the ID, the CRX address and the version. Serve the CRX with Content-Type: application/x-chrome-extension and the update.xml without a long cache time. The browser only downloads a version higher than the installed one. ### Configure FrontTailor FrontTailor reads its own policy from the browser’s managed storage. The schema ships with the extension (managed-schema.json). Changes take effect without a restart: badge, PROD status and tabs update right away. Key | Type | Effect allowedHosts | list | FrontTailor can only be activated on matching hosts; elsewhere the popup shows a block notice instead of the grant question. An empty list blocks all hosts. prodHosts | list | Matching hosts count as PROD: badge red, runtime changes locked, cannot be switched off in the popup ([Host profiles and PROD](https://fronttailor.com/en/docs/host-profiles-and-prod)). modules | object | Switches modules off with false, e.g. odata, ai, teamsync, backend. The tab disappears, and the background refuses the module’s messages. Overview, system info and badge cannot be switched off. licenseKey | text | Licence key for all users; wins over one entered by the user ([Licence and editions](https://fronttailor.com/en/docs/licence-and-editions)). trial | boolean | false switches off the 7-day trial of new installations. teamSync | object | Enforced team packages, trusted keys, signature requirement, fetch interval ([Team packages](https://fronttailor.com/en/docs/team-packages)). issueReporter | object | Allowed targets and mandatory masking rules for “Report a problem”. ticketTargets, allowedTicketHosts | list | Preset ticket targets (Jira, GitHub, GitLab, Azure DevOps, ServiceNow) and allowed ticket hosts. Never put tokens or passwords in here. aiEndpoint, aiProvider, aiAllowedProviders | text, list | Fixed endpoint and provider of the AI assistant; an empty aiEndpoint switches it off. aiRequirePiiMasking | boolean | Masks e-mail, phone, IBAN and long digit sequences before every AI request, cannot be switched off. ai.persistKeys | boolean | false: AI keys stay in memory only; stored ones are deleted. bookRecommendations | boolean | false hides the book recommendations for everyone. telemetry | boolean | Read but not used: FrontTailor sends no telemetry. Patterns for allowedHosts and prodHosts: fiori.example.com matches the host on any port, *.example.com the domain and all subdomains, https://*.example.com HTTPS only, fiori.example.com:44300 only this port, * all hosts. Case does not matter, a path in the pattern is ignored. { "allowedHosts": ["*.fiori.example.com", "https://s4dev.example.com"], "prodHosts": ["*.prod.fiori.example.com"], "modules": { "odata": true, "tools": false }, "bookRecommendations": false } ### Where the policy goes System | Location Chrome on Windows | HKLM\Software\Policies\Google\Chrome\3rdparty\extensions\\policy; lists as subkeys with numbered values, booleans as REG_DWORD Edge on Windows | the same path under Microsoft\Edge (not officially documented by Microsoft) Chrome on macOS | configuration profile with the preference domain com.google.Chrome.extensions. Chrome on Linux | /etc/opt/chrome/policies/managed/, JSON under 3rdparty.extensions. Chrome Enterprise Core | Admin console › Apps & extensions, JSON with a Value per key Intune | installation via the Settings Catalog; the extension policy on Windows via a custom profile or a script that sets the registry values There is no ADMX for FrontTailor; with GPO you distribute the registry structure via Group Policy Preferences. The registry form for lists and objects has not been verified on a real Windows client yet – check it with chrome://policy before the rollout. ### Profiler Companion The CPU deep profile of the performance profiler (from Pro) runs via the separate, free extension FrontTailor Profiler Companion; only it holds the debugger permission. If you want the deep profile, force both extensions, each with its own ID. If you don’t, don’t install the companion or block it with "installation_mode": "blocked". On PROD hosts FrontTailor never starts the deep profile anyway. ### Check the rollout - Open chrome://policy or edge://policy and Reload policies. ExtensionInstallForcelist and ExtensionSettings must appear without errors; Chrome shows FrontTailor’s policy in a section of its own with the extension ID. - Open chrome://extensions: FrontTailor is installed, marked as managed by your organisation and cannot be removed. - Open a host from prodHosts: the badge is red, PROD is set and locked in the popup. - Open a host outside allowedHosts: the popup shows the block notice instead of the grant question. - Open an allowed host: the grant question appears as usual ([grant](https://fronttailor.com/en/docs/getting-started#freigabe)). Per domainEven with a policy, every user grants the domain once in the popup. allowedHosts only restricts; a grant without a user click is not provided. ### See also - Docs [Team packages](https://fronttailor.com/en/docs/team-packages) - Docs [Permissions and privacy](https://fronttailor.com/en/docs/permissions-and-privacy) - Docs [Host profiles and PROD](https://fronttailor.com/en/docs/host-profiles-and-prod) - Sources ADR-013 · ADR-009 · Manifest Frequently asked ### Short answers. **How do I roll out FrontTailor via group policy?** With the browser policies ExtensionSettings or ExtensionInstallForcelist, from the store or self-hosted with your own update.xml. FrontTailor’s own configuration comes via managed storage, on Windows in the registry under 3rdparty\extensions. **How do I restrict FrontTailor to certain SAP hosts?** With the allowedHosts policy. On other hosts the popup shows a block notice and FrontTailor does not connect. An empty list blocks all hosts. **How do I switch off single modules?** With the modules policy, for example {"ai": false}. The tab disappears and the extension refuses the module’s messages, without a restart. **Does every user still have to grant the domain?** Yes. Even with a policy, every user grants a domain once in the popup. allowedHosts only restricts. Your question isn’t here? Talk to me: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Get in touch](https://fronttailor.com/en/contact) --- # Create, sign and distribute team packages · FrontTailor Source: https://fronttailor.com/en/docs/team-packages > Team packages for FrontTailor: export host profiles, filters, snippets and PII rules, sign them with Ed25519 and distribute them by URL or admin policy. ## Team packages A team package is a JSON file with a team’s shared settings – host profiles with PROD flag, OData filters, snippets, masking rules and more. It lives on a server of your company; no CloudDNA backend is involved. Nothing is applied without a preview. **Edition** from Team **Tab** “Team” **Format** JSON fioritailor-team-package, version 1 **Signature** optional, Ed25519 (JWS) **Distribution** file, clipboard, HTTPS URL, policy This page answers - How do I share FrontTailor settings with my team? - How do I sign a team package? - How do I enforce team packages for everyone by policy? - Are team packages applied automatically? ### What a package contains A package can contain these sections; you choose them when exporting: - Host profiles (name, colour, PROD flag) and URL profiles - OData filters and replay requests - Snippets and PII masking rules - Palette favourites, bookmarks, known errors, morning check lists and performance budgets Each section holds at most 500 entries, each package at most 1 MB. Invalid entries are skipped one by one and counted in the preview; unknown sections from newer versions are ignored. No secretsURL profiles allow only sap-* parameters without credentials. For replay requests FrontTailor removes secret headers such as Authorization, cookies and CSRF tokens and redacts values such as sap-password – on export and on import. ### Create a package - Open the Team tab in the DevTools panel or the side panel. - In the Export card, enter the Package name and the Author. - Under Sections, choose what goes into the package. Each section shows its number of entries. - Download saves the package as a file, Copy puts it on the clipboard. The export is unsigned and contains the chosen sections with all local entries. ### Sign a package Signing happens outside the browser, because the private key does not belong in the extension. The script scripts/sign-team-package.mjs from FrontTailor’s source code needs only Node and no dependencies. - Create a key pair: node scripts/sign-team-package.mjs --generate-key fiori-team-2026. - Print the public part for the policy: --public-key . It goes into teamSync.trustedKeys. - Sign the package: --key team.json. The result is a JWS file (Ed25519, flattened JSON) that you publish instead of the package. - Keep the private key in the password vault or as a CI secret, never in the repository. Shown at the source | Meaning | Behaviour Signed · | Valid signature of a trusted key | accepted Unknown key · | The key is not in the policy | accepted as long as no signature is required; note in the preview Unsigned | no signature | accepted as long as no signature is required; warning in the preview Invalid signature | Signature does not match or broken format | always rejected ### Distribute a package Channel | How File | In the Import card, choose a .json file under Package file. Clipboard | In the Import card, paste the package and click Check package. Subscribe to a URL | Under Subscribe to a package URL, enter an HTTPS address of your team (Git raw file, SharePoint, internal web server) and click Subscribe. Fetch gets the package. Policy | Your administrators set the URL with teamSync.packages. The package appears with the tag Administrator and is read-only. The URL must be HTTPS (HTTP only for localhost) and must contain neither user, password nor token parameters. If the server needs a sign-in, FrontTailor uses your browser session with that host. For the fetch FrontTailor asks once for access to the package server; until then the source shows Access required with an Allow access button. ### Review and apply Nothing is applied automatically. After a fetch the source shows Changes available, and the preview lists new, changed and removed per section. - Click Review changes at the source. The preview shows the package’s version and author. - Go through the changes. Conflicts are marked and not preselected: Changed locally (from the package, changed locally since) and Own local entry. - Select or deselect single changes or whole sections. - Apply applies the selection; Decline discards all open changes, which are suggested again only with a new value. PROD protectionA change that would remove a PROD flag carries the note Lifts PROD protection and is never preselected. The prodHosts policy keeps applying regardless. A package never deletes entries you created yourself. If you remove a source, its settings stay as local ones. ### Policy for team packages Key | Effect teamSync.packages | HTTPS URLs every user gets read-only, at most 10. URLs with credentials or token parameters are ignored. teamSync.trustedKeys | Public Ed25519 keys as JWK with kid. teamSync.requireSignature | Only packages signed by these keys, also for own subscriptions and imports. Default true as soon as trustedKeys is set. teamSync.autoSyncMinutes | Fetches the enforced packages every n minutes (15 to 10,080). Without the key only on click. teamSync.allowUserPackages | false: no own subscriptions and imports. modules.teamsync | false hides the “Team” tab. { "teamSync": { "packages": ["https://git.example.com/fiori/fioritailor/raw/main/team.json"], "trustedKeys": [{ "kid": "fiori-team-2026", "kty": "OKP", "crv": "Ed25519", "x": "" }], "autoSyncMinutes": 240 } } Even after a scheduled fetch the package only waits; it is applied only after the preview with Apply all. How the policy reaches the devices: [Enterprise deployment](https://fronttailor.com/en/docs/enterprise-deployment). LicenceTeam sync belongs to from Team and is also active with Enterprise and during the trial. A licence bound to SAP systems unlocks team sync only in the tab of a licensed system. After the 7-day trial, team sync needs a licence ([Licence and editions](https://fronttailor.com/en/docs/licence-and-editions)). ### See also - Docs [Team sync](https://fronttailor.com/en/docs/team-sync) - Docs [Enterprise deployment](https://fronttailor.com/en/docs/enterprise-deployment) - Docs [Host profiles and PROD](https://fronttailor.com/en/docs/host-profiles-and-prod) - Sources ADR-021 · ADR-013 Frequently asked ### Short answers. **How do I share FrontTailor settings with my team?** Export a package in the Team tab (file or clipboard) and put it on a server of your team. Colleagues subscribe to the URL or import the file and apply the changes after a preview. **How do I sign a team package?** With node scripts/sign-team-package.mjs from FrontTailor’s source code: create a key pair, put the public part into teamSync.trustedKeys and sign the package with the private key. The private key stays in the vault. **Are team packages applied automatically?** No. Even enforced packages fetched on a schedule only wait. They are applied only after the diff preview and a click. **Does team sync run through a CloudDNA server?** No. Packages live on your company’s servers, such as Git or SharePoint. FrontTailor only fetches the file with a GET. Your question isn’t here? Talk to me: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Get in touch](https://fronttailor.com/en/contact) --- # Install the ABAP add-on for FrontTailor · FrontTailor Source: https://fronttailor.com/en/docs/abap-add-on > FrontTailor’s ABAP add-on: a read-only OData V4 service for roles, catalogs and start authorizations. Installation with abapGit, roles and SLG1. ## ABAP add-on What the browser cannot see, the ABAP system knows: which PFCG roles a user has, which catalog would bring a tile and which start authorization is missing. The optional add-on /CDNA/FIORITAILOR answers exactly that – read only, with the user’s session. **Edition** from Enterprise **Package** /CDNA/FIORITAILOR (abapGit) **Service** OData V4, RAP, read only **Systems** S/4HANA on-premise and Private Cloud **Status** not yet tested on a real system This page answers - What does FrontTailor’s ABAP add-on do? - How do I install the ABAP add-on? - Which roles do users need? - Is it logged who simulates other users? Honest statusThe ABAP code has not yet been installed and run on a real SAP system. It passes abaplint and has ABAP unit tests against a test double; the extension is tested against a fake service with the same contract. Whoever installs the add-on first mainly checks the import of the abapGit objects, the activation and the actual service path. [Talk to us](https://fronttailor.com/en/contact?thema=Enterprise) if you want to be part of it. ### What the add-on is for Without the add-on FrontTailor works as usual. With it you also get: - the Roles tab: roles, catalogs, groups, spaces and reachable intents of your own user or – with authorization – another user ([Roles and authorizations](https://fronttailor.com/en/docs/roles-and-authorizations)); - the complete check chain “Why don’t I see this tile?” with the stages role and start authorization, field by field as in SU53; - the actual ICF timeout of the session in health instead of an estimate ([Health and morning check](https://fronttailor.com/en/docs/health-and-morning-check)). The service only reads; it creates and changes nothing. That is why it is allowed on PROD systems too. ### Install - Pull the package /CDNA/FIORITAILOR with abapGit from the backend/abap/ folder of the FrontTailor repository. - Publish the service group /CDNA/FIORITAILOR_O4 in /IWFND/V4_ADMIN. Default path: /sap/opu/odata4/cdna/fioritailor_o4/srvd/cdna/fioritailor/0001/. - Assign the roles (see below). - In FrontTailor, switch on Use backend service for this SAP host in the Roles tab. The state should change to Available. The detailed guide with transport and SICF is in backend/abap/README.md. If an object fails on import (especially the service binding, the authorization object or the application log object), you can create it by hand in ADT, SU21 or SLG0. SystemsOne add-on for S/4HANA on-premise and Private Cloud (standard ABAP). Checking another user needs AUTHORITY-CHECK … FOR USER, which does not exist in ABAP Cloud. There is therefore no variant for S/4HANA Cloud Public Edition or the BTP ABAP environment. ### Roles and log Role | Content | For whom /CDNA/FT_USER | Start authorization S_START for R3TR G4BA /CDNA/FIORITAILOR_O4 | all users of the “Roles” tab /CDNA/FT_SIM | Authorization object /CDNA/SIM, ACTVT 03 | everyone allowed to check other users Every check of another user is written to the application log SLG1 (object /CDNA/FT, subobject SIMULATION) before the check – with caller, action and checked user. If the log cannot be saved, the check is refused. The panel warns before sending and shows the log number afterwards. ### What goes over the wire - FrontTailor calls the service only after you have switched on Use backend service for the host. Before that, not a single request goes to the service. - The call always goes to the host of the launchpad tab, with your existing browser session. A different path can be entered, a different host cannot. - Only the switch (and a different path) is stored, locally in the browser – no answers, users, tokens or cookies. The CSRF token lives in memory only. - With the policy modules.backend: false the tab disappears, and the check chain and health no longer ask the backend ([Enterprise deployment](https://fronttailor.com/en/docs/enterprise-deployment)). ### States in the “Roles” tab State | Meaning Off | The switch is off; FrontTailor works without the backend. Available | The backend service answers. Not installed | HTTP 404: the add-on is not installed, or its SICF node is inactive. Not logged on | No SAP session in this browser – log on in the tab and check again. No authorization | The user lacks the role /CDNA/FT_USER. No host access | The site is not granted in FrontTailor ([grant](https://fronttailor.com/en/docs/getting-started#freigabe)). Incompatible | Unknown contract version – update the add-on or the extension. Error | The service failed; details in /IWFND/ERROR_LOG. ### See also - Help from people [ABAP backend add-on for FrontTailor Enterprise](https://fronttailor.com/en/services#backend-addon) - Docs [Roles and authorizations](https://fronttailor.com/en/docs/roles-and-authorizations) - Docs [Health and morning check](https://fronttailor.com/en/docs/health-and-morning-check) - Docs [Enterprise deployment](https://fronttailor.com/en/docs/enterprise-deployment) - Sources ADR-032 Frequently asked ### Short answers. **What does FrontTailor’s ABAP add-on do?** It is a read-only OData V4 service in the SAP system. It delivers a user’s roles, catalogs, spaces, reachable intents and start authorizations as well as the ICF timeout. With it FrontTailor answers every stage of “Why don’t I see this tile?”. **Is the add-on production-ready?** Not confirmed yet: the ABAP code is checked and unit-tested, but has not been installed on a real SAP system yet. **Which roles do users need?** /CDNA/FT_USER for all users of the Roles tab; /CDNA/FT_SIM in addition for everyone allowed to check other users. Every such check is logged in SLG1. **Does FrontTailor store backend answers?** No. Only the switch per host is stored, locally in the browser. Answers, users and tokens are not stored. Your question isn’t here? Talk to me: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Get in touch](https://fronttailor.com/en/contact) --- # FrontTailor permissions and privacy · FrontTailor Source: https://fronttailor.com/en/docs/permissions-and-privacy > Which Chrome permissions FrontTailor needs and why, what stays local in the browser and when data goes to AI or ticket systems after a preview and a click. ## Permissions and privacy FrontTailor works locally in the browser. There is no telemetry, no analytics, no advertising and no account, and nothing goes to CloudDNA. Data leaves the browser only when you trigger it – after a preview and a click. **Telemetry** none **Host access** only after a grant per domain **Data to CloudDNA** none **Remote code** none This page answers - Which permissions does FrontTailor need? - Why does Chrome warn about access to all websites during installation? - Does FrontTailor send data to CloudDNA? - When does data leave the browser? ### Permissions Every permission in the manifest has a purpose, and every new one needs a documented architecture decision. Permission | Kind | What for storage | required | Store settings and profiles locally, read the policy scripting | required | Inject the page script into granted UI5 pages activeTab | required | Screenshot for “Report a problem”, only after your action sidePanel | required | The side panel next to the app webRequest | required | Observe OData requests and failed requests of granted apps alarms | required | Scheduled fetch of enforced team packages, morning check reminder declarativeNetRequestWithHostAccess | required | UI5 version override and local code; acts only on granted domains and only once you switch it on browsingData | optional | Clear the browser cache; the browser asks on the first cache reset Host access https://*/*, http://*/* | optional | Access to an app only after you grant its domain FrontTailor does not have debugger. Only the separate extension FrontTailor Profiler Companion holds it, for the performance profiler’s CPU deep profile; it has no access to web pages, acts only when you start it and never starts on PROD systems. ### Host access and the install warning During installation Chrome warns: “Read and change all your data on all websites”. The reason is a small script that only checks on every page whether there are SAP UI5 markers – for at most 10 seconds. It reads no content, sends no data and changes nothing; on pages without UI5 it does not even open a connection. - FrontTailor gets access to a UI5 app only after you click Activate in the popup and confirm the browser dialog ([grant](https://fronttailor.com/en/docs/getting-started#freigabe)). - You can revoke grants at any time under chrome://extensions or edge://extensions. - Your company can restrict the allowed hosts by policy (allowedHosts, [Enterprise deployment](https://fronttailor.com/en/docs/enterprise-deployment)). ### What stays local Data | Where | How long Address, UI5 version and connection status of the tab | chrome.storage.session | until the browser closes Session errors (UI5 log, failed requests – only scheme, host and path, without parameters) | chrome.storage.session | until the page reloads or the browser closes Host profiles, theme, language and the modules’ settings | chrome.storage.local | until you delete them or remove the extension Licence key and – if you choose – your own AI key (encrypted) | chrome.storage.local, never in sync | until you remove them FrontTailor does not store credentials, tokens or session cookies. The only exception is your own AI key, and only if you choose Save on this device; your company can switch that off. ### When data leaves the browser Only in these cases, and always only after your click: Feature | Where to | What AI assistant from Pro | directly to the provider you configured | exactly what the preview shows, masked first Ticket from “Report a problem” from Pro | to the ticket system you or your company set up | the report from the preview, masked Fetching a team package from Team | to your team’s server | only a GET of the package file Backend service from Enterprise | to the page’s SAP system | read-only requests, only after you switch it on per host Checks such as the deployment check or system compare | to the same server the app comes from | fetching manifest.json, $metadata and similar files of the app CloudDNA receives nothing in any of these cases. The interface fonts ship with the extension; extension pages load nothing from third parties. ### Masking personal data Before a report or an AI request leaves the browser, FrontTailor replaces e-mail addresses, phone numbers, IBANs, long digit sequences, your own names and patterns with placeholders such as [EMAIL]. Your company can make rules mandatory (issueReporter.mandatoryRules, aiRequirePiiMasking). The masking does not detect every kind of personal data – check the preview. ### No remote code All code is inside the package, without obfuscation. FrontTailor loads no scripts at runtime and uses no eval; a check script verifies this on every build. Team packages are settings, not code. MoreThe extension’s full privacy policy is under [Privacy](https://fronttailor.com/en/privacy#extension), the security architecture under [Security](https://fronttailor.com/en/security). ### See also - Docs [Getting started](https://fronttailor.com/en/docs/getting-started) - Docs [Enterprise deployment](https://fronttailor.com/en/docs/enterprise-deployment) - Docs [AI assistant](https://fronttailor.com/en/docs/ai) - Sources Manifest · ADR-001 · Datenschutzerklärung · ADR-018 · ADR-009 Frequently asked ### Short answers. **Does FrontTailor send data to CloudDNA?** No. FrontTailor works locally in the browser, without telemetry and without an account. The exceptions are the AI assistant and the ticket handover – after a preview and a click they go directly to the service you configured, never to CloudDNA. **Why does Chrome warn about access to all websites during installation?** A small script checks on every page whether there is SAP UI5. It reads no content and sends nothing. FrontTailor gets access to an app only after you grant its domain. **Does FrontTailor have the debugger permission?** No. Only the separate extension FrontTailor Profiler Companion has it, for the CPU deep profile. Everything else works without the companion. **Does FrontTailor store passwords or tokens?** No. The only exception is your own AI key, and only if you let it be stored on the device – encrypted, never synced. Your question isn’t here? Talk to me: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Get in touch](https://fronttailor.com/en/contact) --- # FrontTailor: troubleshooting · FrontTailor Source: https://fronttailor.com/en/docs/troubleshooting > FrontTailor shows “Not connected” or “No UI5 app detected”? Causes and fixes for the domain grant, PROD lock, licence, side panel, iframes and Firefox. ## Troubleshooting FrontTailor’s most common messages, their cause and what you can do. Texts in italics appear exactly like that in the interface. **Detection** DOM markers, at most 10 seconds **Connected** after a successful ping, then every 5 seconds **Help** GitHub issues or CloudDNA This page answers - Why does FrontTailor show “Not connected”? - Why doesn’t FrontTailor detect my UI5 app? - Why are the inspector’s editors greyed out? - Why won’t the side panel open? - Is there FrontTailor for Firefox? ### “Not connected” or “Connecting…” doesn’t go away The panel shows Connected only after a ping into the UI5 page and back has worked. If it stays at “Not connected” or “Connecting…”, or tabs show “Connect to a UI5 app to use this tab.”: - Check whether the popup shows Activation required – then grant the domain first. - On “Error” in the connection status, click Retry. - Reload the app’s page. FrontTailor connects by itself after loading; panels reconnect by themselves after an interruption. - If you updated the package yourself, reload the extension once under chrome://extensions. Restarting the browser is not enough for that. ### “No UI5 app detected” FrontTailor looks for SAP UI5 markers on every page, such as the bootstrap script sap-ui-core.js, UI areas or the theme link – for at most 10 seconds after loading. After that it waits up to another 10 seconds for sap.ui to be ready. - If the page includes UI5 more than 10 seconds after loading, FrontTailor no longer finds the markers. Then reload the page once the app is there. - On pages without UI5 the icon stays grey – that is correct. - If the app lives in an iframe, see iframes. ### Grant required or refused Message | Cause and fix “Activation required”, icon blue with ! | The domain is not granted yet. Click Activate in the popup and confirm the browser dialog ([grant](https://fronttailor.com/en/docs/getting-started#freigabe)). “Access was not granted.” | The browser dialog was cancelled. Click Activate again. “This domain is not allowed by your administrator.” | Your company’s allowedHosts policy does not allow the host. Only the policy can change that ([Enterprise deployment](https://fronttailor.com/en/docs/enterprise-deployment)). ### Changes are locked Editors are grey, or an action ends with “Refused: PROD system – runtime changes are not allowed.” The host is marked as PROD – by your host profile or by the prodHosts policy. That is on purpose: on PROD, live edit, replay, cache reset, overrides and fault simulation are locked ([Host profiles and PROD](https://fronttailor.com/en/docs/host-profiles-and-prod)). - If the flag was set by mistake, untick Productive system (PROD) in the popup and click Save profile. - If “Marked as PROD by your administrator.” appears below it, the flag comes from the policy and cannot be changed in the popup. ### Module locked or licence rejected What you see | Cause and fix Tab with a lock, “… is part of FrontTailor Pro” | The module belongs to a higher edition. Enter a licence key ([Licence and editions](https://fronttailor.com/en/docs/licence-and-editions)). During the 7-day trial after installation nothing is locked. “invalid signature (key changed or incomplete).” or “the licence key cannot be read (incomplete when copied?).” | The key was not copied completely. Paste it again in full from the licence e-mail. “… issued for another product or key (e.g. iFlow Tailor), not for FrontTailor.” | A key of another product. Use the FrontTailor key. “the licence does not include the SAP system …. Community applies here.” | The licence is bound to other SAP systems. On the licensed systems the modules are free. “the licence has expired.” | Renew the licence; until then Community applies. A tab is missing entirely | Your administrators switched the module off with the modules policy. That applies even with a licence. ### The side panel won’t open - Chrome opens the side panel only right after a user action. If that doesn’t get through from the command palette or a shortcut, open it with Open side panel in the popup. - Can’t find a tab? In the narrow side panel more tabs are under More. Some views, such as Models, exist only in the DevTools panel (F12 › FrontTailor). - If the palette in the popup shows “Palette not available: no connected UI5 app.”, the tab is not connected – see above. ### Apps in iframes FrontTailor runs in every frame of a page and connects each UI5 frame separately; the connection status shows the number of connected frames. In the inspector’s pick mode, a click on a control in an iframe switches to that frame. - If the app in the iframe is on a different domain than the launchpad, that domain needs a grant, too. - Sandboxed iframes without an origin of their own are supported as well. ### The icon is yellow Yellow with a number means: errors in the UI5 log or failed requests (status 400 or higher) since the page loaded. A $batch with errors in single parts but status 200 does not count here – the OData console shows it ([OData console](https://fronttailor.com/en/docs/odata-console)). The latest errors are in the popup and in the Overview tab ([Overview & system info](https://fronttailor.com/en/docs/overview)). Reloading starts a new session. ### Firefox The same sources produce a Firefox build for Firefox 140 or later, with a sidebar instead of the side panel and without the CPU deep profile; there the cache reset clears the whole HTTP cache, and FrontTailor is activated per site in the popup. Submission to Firefox Add-ons is still pending – for now FrontTailor is available for Chrome and Edge. ### More help If none of this helps, describe the problem with the system info (Overview tab › Copy as Markdown) – as an issue in FrontTailor’s GitHub repository or via the [contact form](https://fronttailor.com/en/contact). ### See also - Docs [Getting started](https://fronttailor.com/en/docs/getting-started) - Docs [Host profiles and PROD](https://fronttailor.com/en/docs/host-profiles-and-prod) - Docs [Licence and editions](https://fronttailor.com/en/docs/licence-and-editions) - Sources ADR-001 · ADR-003 · ADR-004 · ADR-026 Frequently asked ### Short answers. **Why does FrontTailor show “Not connected”?** Usually the domain is not granted yet. Check the grant in the popup; on an error click Retry or reload the page. **Why doesn’t FrontTailor detect my UI5 app?** FrontTailor looks for UI5 markers for at most 10 seconds after loading. If the page includes UI5 later, reload the page once the app is there. **Why are the inspector’s editors greyed out?** The host is marked as PROD, in the host profile or by policy. On PROD runtime changes are locked on purpose. **Is there FrontTailor for Firefox?** A Firefox build for Firefox 140 or later is prepared, but submission to Firefox Add-ons is still pending. For now FrontTailor is available for Chrome and Edge. Your question isn’t here? Talk to me: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Get in touch](https://fronttailor.com/en/contact) --- # FrontTailor 1.0.0: changelog · FrontTailor Source: https://fronttailor.com/en/docs/changelog > FrontTailor 1.0.0 is the first stable release: licence check on, a 7-day trial with all editions, then Community. Plus what the 0.1.0 beta contains. ## Changelog Version 1.0.0 of 10 November 2026 is the first stable release and the first for the Chrome Web Store. It switches the licence check on. Every new installation gets all editions for 7 days, then Community applies until you enter a licence key. The modules themselves are those of the 0.1.0 beta. **Current version** 1.0.0 **Released** 10 November 2026 **Licence check** on, 7-day trial **Browsers** Chrome and Edge This page answers - Which version of FrontTailor is current? - What changes with FrontTailor 1.0.0? - Do I need a licence? - How do I find my installed version? ### Check the installed version - Open chrome://extensions or edge://extensions. - On the FrontTailor card, click Details. - Version shows the installed version, for example 1.0.0. ### 1.0.0 – first stable release, 10 November 2026 The first stable release and the first version for the Chrome Web Store. The licence check is on. The modules are the same as in the 0.1.0 beta. - Trial: every new installation gets all editions for 7 days, without a licence key. The Licence card shows Trial: n days left ([Trial](https://fronttailor.com/en/docs/licence-and-editions#testphase)). - After that Community applies until you enter a valid licence key. Community stays free. Pro, Team and Enterprise modules then carry a lock. - A valid licence always wins, also during the trial. - You get the key for Pro and Team automatically by e-mail after the online purchase. Enterprise, licences per SAP system and frame contracts come from sales ([Enter the licence](https://fronttailor.com/en/docs/licence-and-editions#eintragen)). - Administrators switch the trial off by policy (trial: false, [Enterprise deployment](https://fronttailor.com/en/docs/enterprise-deployment)). - The Licence card no longer shows Beta – all modules free. ### 0.1.0 – beta, 9 November 2026 The first published version. The modules were already assigned to editions, but the licence check was not switched on yet: the Licence card showed Beta – all modules free. New nameFrom this version the product is called “CloudDNA FrontTailor – Developer Tools for SAP Fiori® and UI5 apps”, “FrontTailor” for short in the browser; the companion extension is called “FrontTailor Profiler Companion”. #### Basics - Tabs in the DevTools panel and the side panel, plus the popup. - System info (UI5 version, theme, language, launchpad, app, data sources) with Copy as Markdown. - Badge traffic light (grey, green, yellow on errors, red on PROD) and host profiles with a PROD flag ([Host profiles and PROD](https://fronttailor.com/en/docs/host-profiles-and-prod)). - A central PROD lock for runtime changes. - Command palette with Alt+Shift+K and favourites, pick mode with Alt+Shift+F. - Interface in German and English, light and dark, built throughout with UI5 Web Components. #### Development - Control inspector: control tree with search, properties, bindings, aggregations and events, pick mode also in dialogs and iframes, use controls in the console ([Inspector](https://fronttailor.com/en/docs/inspector)). - Model explorer: all models with their type, JSON tree, snapshot and compare ([Model explorer](https://fronttailor.com/en/docs/models)). - OData console: requests from page start, $batch split into parts, error texts, replay, saved filters, “Jump to control” and the graphical metadata explorer for V2 and V4 ([OData console](https://fronttailor.com/en/docs/odata-console)). - Tools: cache reset, debug switches, URL profiles, app language, flex & adaptations with reset per app, control or variant management, UI5 version override and “Debug only your own code” ([Tools](https://fronttailor.com/en/docs/tools)). #### Analysis and quality - Performance profiler with performance budgets per app; CPU deep profile via the separate Profiler Companion ([Performance](https://fronttailor.com/en/docs/performance)). - UI5 2.0 readiness check and library analysis ([UI5 2.0](https://fronttailor.com/en/docs/ui5-2-readiness), [Libraries](https://fronttailor.com/en/docs/libraries)). - Annotation explorer for Fiori elements ([Annotations](https://fronttailor.com/en/docs/annotations)). - i18n and accessibility check and Fiori guidelines check ([Quality: i18n & accessibility](https://fronttailor.com/en/docs/i18n-and-accessibility), [Fiori Guidelines](https://fronttailor.com/en/docs/fiori-guidelines)). #### Testing and debugging - Fault simulation for OData right in the browser, without a mock server ([Fault simulation](https://fronttailor.com/en/docs/fault-simulation)). - Local code in the real launchpad ([Local code](https://fronttailor.com/en/docs/local-code)). - Scaffolding: test skeletons and mock data from the running app ([Scaffolding & recorder](https://fronttailor.com/en/docs/scaffolding-and-recorder)). - Recorder: record once, use it as an issue report, journey test or synthetic check. - Bookmarks for the app state and known errors ([App state bookmarks](https://fronttailor.com/en/docs/bookmarks), [Known errors](https://fronttailor.com/en/docs/known-errors)). - Report a problem with Alt+Shift+R: screenshot, click trail and errors, masked, to the clipboard, e-mail, download, GitHub or a ticket system ([Report a problem](https://fronttailor.com/en/docs/report-a-problem)). - AI assistant with your own key for Anthropic, Azure OpenAI, SAP AI Core, Google Gemini, Mistral and OpenAI-compatible endpoints ([AI assistant](https://fronttailor.com/en/docs/ai)). #### Teams and operations - Team sync with team packages ([Team sync](https://fronttailor.com/en/docs/team-sync), [Team packages](https://fronttailor.com/en/docs/team-packages)). - Launchpad inspector, Health and the morning check across several apps ([Launchpad inspector](https://fronttailor.com/en/docs/launchpad-inspector), [Health and morning check](https://fronttailor.com/en/docs/health-and-morning-check)). - Deployment check, authorization diagnosis, system compare and release check ([Roles and authorizations](https://fronttailor.com/en/docs/roles-and-authorizations), [System compare](https://fronttailor.com/en/docs/system-compare), [Release check](https://fronttailor.com/en/docs/release-check)). - Jump to the backend and SAP incident ([Backend jump](https://fronttailor.com/en/docs/backend-jump)). - Backend service (ABAP add-on) with role simulator ([ABAP add-on](https://fronttailor.com/en/docs/abap-add-on)). - Admin policies that can switch off any module ([Enterprise deployment](https://fronttailor.com/en/docs/enterprise-deployment)). #### Package and security - The “72” fonts ship in the package; extension pages make no requests to third parties. - FrontTailor no longer has the debugger permission; only the Profiler Companion holds it ([Permissions](https://fronttailor.com/en/docs/permissions-and-privacy#berechtigungen)). - declarativeNetRequestWithHostAccess is a fixed permission, so the UI5 version override works without a restart. - Less load-time overhead: the page script arrives only after the app has started. - Every release contains a ZIP, a signed CRX and a CycloneDX SBOM. - A Firefox build for Firefox 140 and later is built from the same sources; the submission to Firefox Add-ons is still pending ([Firefox](https://fronttailor.com/en/docs/troubleshooting#firefox)). ### See also - Docs [Getting started](https://fronttailor.com/en/docs/getting-started) - Docs [Licence and editions](https://fronttailor.com/en/docs/licence-and-editions) - Docs [Troubleshooting](https://fronttailor.com/en/docs/troubleshooting) - Sources ADR-014 · KONZEPT · ADR-045 · ADR-026 Frequently asked ### Short answers. **Which version of FrontTailor is current?** 1.0.0 of 10 November 2026, the first stable release. The 0.1.0 beta of 9 November 2026 had no licence check yet. **What changes with FrontTailor 1.0.0?** 1.0.0 is the first stable release. The licence check is on. New installations get all editions for 7 days, then Community applies until a valid licence key is entered. The modules are the same as in 0.1.0. **Do I need a licence?** Not for Community: it is free and stays free. Pro, Team and Enterprise need a licence key after the 7-day trial. For Pro and Team it comes by e-mail after the online purchase, for Enterprise from sales. **How do I find my installed version?** In chrome://extensions or edge://extensions, click Details on the FrontTailor card; the version is shown there. **Is FrontTailor available for Firefox yet?** Not yet. The Firefox build is ready, the submission to Firefox Add-ons is still pending. For now FrontTailor is available for Chrome and Edge. Your question isn’t here? Talk to me: [+43 664 1964199](tel:+436641964199) [office@clouddna.at](mailto:office@clouddna.at) [Get in touch](https://fronttailor.com/en/contact) --- # Kontakt · Contact Pro und Team kaufst du direkt hier. Für Enterprise, Sideload, Richtlinien, einen Workshop oder einen hartnäckigen Fehler in eurer Fiori-Landschaft: Schreib mir. Ich antworte innerhalb eines Werktags, persönlich. You buy Pro and Team right here. For Enterprise, sideloading, policies, a workshop or a stubborn bug in your Fiori landscape: write to me. I reply within one working day, personally. - Kontakt: https://fronttailor.com/kontakt · Contact: https://fronttailor.com/en/contact - Installieren: https://fronttailor.com/#installieren · Install: https://fronttailor.com/en#installieren - Telefon / Phone: +43 664 1964199 - E-Mail: office@clouddna.at - Anschrift / Address: CloudDNA GmbH, Untere Hauptstraße 23, 7410 Loipersdorf, Österreich