Übersicht WebView



Mit diesem Bedienelement wird eine Webseite direkt in der Visualisierung angezeigt. Es öffnet einen eingebetteten Webbrowser (WebView) innerhalb des Bedienelements.

Am unteren Rand des Bedienelements wird optional eine Navigationsleiste mit den Schaltflächen Zurück, Vor und Aktualisieren angezeigt.

Hinweis: Dieses Bedienelement steht nur in der Android-App zur Verfügung. Im Studio wird an Stelle des WebViews die konfigurierte URL als Platzhaltertext angezeigt.


Anzeige
Hintergrund Hintergrundfarbe des Bedienelements. Sichtbar als Rahmen oder solange der WebView noch nicht geladen ist.
Schrift Schriftfarbe für den Platzhaltertext (nur im Studio sichtbar, wenn kein WebView aktiv ist).
URL Die Adresse der anzuzeigenden Webseite.

Beispiele:
  • http://192.168.1.1 – lokaler Router oder Gerät im Netzwerk (HTTP)
  • https://www.google.at – externe Webseite (HTTPS)
  • http://192.168.1.205:80/liveData.html – Gerät mit bestimmtem Port und Pfad
Hinweis zu HTTP: Für den Zugriff auf lokale Geräte über HTTP (z. B. Router auf 192.168.x.x) muss in der App-Konfiguration Klartext-Datenverkehr erlaubt sein. Dies ist in der Standardkonfiguration bereits eingestellt.
Navigation anzeigen Zeigt am unteren Rand des Bedienelements eine Navigationsleiste mit drei Schaltflächen an:
  • Zurück – zur vorherigen Seite im Verlauf
  • Vor – zur nächsten Seite im Verlauf
  • Aktualisieren – lädt die Ziel-URL neu. Bei einer Fehlerseite (z. B. ERR_CONNECTION_REFUSED) wird die ursprüngliche Ziel-URL neu geladen statt die Fehlerseite erneut anzuzeigen.
Navigationshöhe % Höhe der Navigationsleiste als Prozentsatz der Gesamthöhe des Bedienelements. Gültige Werte: 1–50 %.
Der WebView nimmt den verbleibenden oberen Bereich ein.

Rahmen
Rahmen Siehe allgemeine Eigenschaften


Authentifizierung

HTML-Formular-Login: Wenn eine Webseite ein Anmeldeformular anzeigt (Benutzername und Passwort als Eingabefelder auf der Seite), kann der Benutzer die Zugangsdaten direkt im WebView eingeben. Dies funktioniert genauso wie in einem normalen Browser.

HTTP-Basic-Authentifizierung: Manche Geräte (z. B. Router oder lokale Geräte) verwenden HTTP Basic Auth, bei der normalerweise ein Authentifizierungsdialog des Browsers erscheint. Da dieser Dialog vom Android WebView nicht unterstützt wird, können die Zugangsdaten direkt in die URL eingebettet werden:

http://benutzername:passwort@192.168.1.1

Die App erkennt die eingebetteten Zugangsdaten automatisch und sendet sie als HTTP-Authorization-Header. Die Seite wird dabei mit der sauberen URL ohne Credentials geladen, sodass JavaScript-Navigation (z. B. history.replaceState) korrekt funktioniert.

Hinweis: Das Einbetten von Zugangsdaten in die URL ist nur für lokale Netzwerkgeräte über HTTP geeignet. Für externe Webseiten über HTTPS wird diese Methode nicht empfohlen.


Verhalten auf Android

Der WebView wird erst gestartet, nachdem die App eine Verbindung zum Controller hergestellt hat.

Zurück-Geste: Wenn die Seite im WebView einen Verlauf hat (Zurück möglich), wird die Android-Zurück-Geste für die WebView-Navigation verwendet. Andernfalls wird zur vorherigen App-Seite gewechselt.

JavaScript und DOM-Storage (localStorage): JavaScript und der lokale Speicher (localStorage) sind im WebView aktiviert. Webseiten, die localStorage oder andere JavaScript-APIs verwenden, werden korrekt dargestellt.

Gemischte Inhalte (Mixed Content): HTTP-Inhalte können auch innerhalb einer HTTPS-Seite geladen werden.


Siehe auch Allgemeine Eigenschaften aller Bedienelemente