Editor für Automatisierungen in TheFlex

In den Einstellungen von TheFlex können Automatisierungen für beliebige Webseiten und Web-Apps konfiguriert werden. Jeder Eintrag lässt sich als Script (JavaScript) oder als CSS definieren. Damit können Sie gezielt Funktionen ergänzen oder das Erscheinungsbild anpassen - ganz ohne Änderungen am Quellcode der Webanwendung.

Editor für Automatisierungen

Wichtige Hinweise zu Automatisierungen

Empfehlung

Wenn möglich, integrieren Sie Scripte oder CSS immer direkt in die Ziel-Webseite. Falls dies nicht möglich ist, bieten die Automatisierungen von TheFlex eine flexible Alternative. Typische Anwendungsfälle:

• Visuelle Anpassungen an alten Webseiten (z.B. ITS-Mobile), die schwer oder gar nicht mehr änderbar sind.
• Optimierung von Webseiten für bestimmte Geräte (z.B. Scanner, Industrie-Terminals).
• Hinzufügen von Login-Funktionen (Login per NFC oder QR-Code) auf Seiten, die nicht bearbeitbar sind (z.B. Microsoft Azure, SAP).
• Hinzufügen beliebiger Automatisierungen auf fremden Webseiten/Webapps ohne Zugriff auf deren Quellcode.

Intune Information

Der Code-Export für Intune muss das exakte Format vom Export haben. Codeänderungen könnten Kompatibilitätsprobleme in Intune erzeugen.

deviceready-Ereignis

Wenn Sie in einer Automatisierung auf bestimmte Elemente (z.B. Eingabefelder, Buttons) zugreifen möchten, warten Sie auf das deviceready-Event. Erst dann ist die Seite vollständig geladen und alle Elemente stehen zur Verfügung:

document.addEventListener("deviceready", function () {
  // my script
});

Aktive URL

Für jede Automatisierung kann eine URL definiert werden, bei der sie aktiv ist. Die Automatisierung wird nur für diese URLs injiziert. Es wird jedoch nicht exakt auf die komplette URL geprüft, sondern nur, ob die aktuelle URL mit der konfigurierten URL beginnt.

Beispiel: Die URL https://theflexbrowser.com ist geöffnet.

• Ist https als URL für die Automatisierung gepflegt, wird sie ausgeführt.
• Ist https://theflexbrowser gepflegt, wird sie ausgeführt.
• Ist https://other.com gepflegt, wird sie nicht ausgeführt.

Achtung

Es muss sorgfältig geprüft werden, welche Automatisierungen ausgeführt werden, da diese vollen Zugriff auf alle Daten innerhalb der aufgerufenen Webseite sowie auf alle Nutzereingaben haben.

Automatisierungen in den Browser übertragen

Es gibt drei Möglichkeiten, den Code aus dem Editor auf das Gerät zu bringen:

1. Pflege über ein MDM

Am einfachsten ist das Ausrollen der Automatisierungen über ein MDM wie SOTI oder Intune. Hier können Automatisierungen verwaltet und automatisch verteilt werden.

Achtung

Manche MDMs entfernen beim Einfügen bestimmte Zeichen (z.B. \n und \r bei SOTI). Kommentare (// …) sollten daher entfernt und alle Anweisungen mit Semikolon abgeschlossen werden.

Achtung

Intune erlaubt keine Zeilenumbrüche in JSON-Dateien, der Code muss daher auf eine Zeile verkürzt werden. Anführungszeichen müssen mit Backslash ( \ ) escaped oder durch einfache Anführungszeichen ersetzt werden ('').

2. Import über QR-Code

Ist der Code kürzer als 3000 Zeichen, kann er mittels Als QR-Code exportieren als QR-Code angezeigt und in den Einstellungen von TheFlex unter Automation importieren gescannt werden.

3. Screenshare

Nur für die Entwicklung empfohlen: Bei angeschlossenem Gerät kann der Code per Copy & Paste direkt in die Browsereinstellungen übertragen werden.