API für eigenes CSS und JavaScript
Fügen Sie eigene CSS-Stile und JavaScript-Code in jede Seite Ihrer Android-WebView-App ein — perfekt für App-spezifische Anpassungen.
Mit WebViewGold können Sie das Erscheinungsbild und die Funktionalität Ihrer App mithilfe von Custom CSS und Custom JavaScript anpassen, ohne den nativen Code der App zu verändern. So verwenden Sie diese Funktionen, um Ihre App an Ihre Marke und Ihre Präferenzen für die Nutzererfahrung anzupassen.
So gestalten Sie Ihre WebView-basierte Android-App mit Custom CSS:
Mit der Funktion Custom CSS können Sie das Erscheinungsbild Ihrer App mühelos anpassen:
- Fügen Sie Ihren benutzerdefinierten CSS-Code in die Datei custom.css ein.
- Speichern Sie die Datei, um diese Stile auf alle von Ihrer WebViewGold-App geladenen Webseiten anzuwenden.
Beispiele für Anpassungen mit CSS:
- Farben an Ihr Branding anpassen.
- Animationen einbinden.
- Text, Schaltflächen und andere Elemente gestalten.
So erweitern Sie das Verhalten Ihrer App mit Custom JavaScript:
Mit Custom JavaScript können Sie die Funktionalität Ihrer App für Nutzer personalisieren, ohne den entfernten Code der ursprünglichen Web-App zu verändern:
- Fügen Sie Ihren benutzerdefinierten JavaScript-Code in die Datei custom.js ein.
- Speichern Sie die Datei, um diese Skripte auf alle von Ihrer App geladenen Seiten anzuwenden.
Beispiele für Anpassungen mit JavaScript
- Warnungen oder Benachrichtigungen erstellen.
- Interaktive Elemente oder ereignisgesteuerte Aktionen hinzufügen.
- Nutzerinteraktionen und Seitenverhalten anpassen.
Eine geführte Anleitung finden Sie im untenstehenden Video-Tutorial, das zeigt, wie Sie mit Custom CSS und JavaScript das Erscheinungsbild und die Interaktivität Ihrer Android-App verändern.
Implementierungshinweise im SDK-Stil
Betrachten Sie diese Funktion als native Fähigkeit, die Ihrer Web-Ebene bereitgestellt wird: Behalten Sie Ihre Produktivwebsite oder PWA als zentrale Quelle bei und nutzen Sie anschließend die dokumentierten WebViewGold-Konfigurationsflags, URL-Befehle und JavaScript-Bridge-Aufrufe, um natives Android-Verhalten nur dort zu aktivieren, wo es einen Mehrwert bietet. So bleibt Ihre Codebasis wartbar, da dieselbe Webanwendung mit minimaler Fallunterscheidung Browser, WebViewGold für Android und die übrigen WebViewGold-Plattformen bedienen kann.
Für zuverlässige Ergebnisse empfehlen sich HTTPS-Endpunkte, stabile Routennamen, explizite Erfolgs-/Fehlerzustände in Ihrer UI sowie kleine JavaScript-Hilfsfunktionen, die native Aufrufe kapseln. Beispielsweise kann eine mit jQuery Mobile, Lovable, Base44, Bolt, WordPress, Bubble, einem eigenen React-/Vue-/Angular-Stack oder statischem HTML erstellte Web-App eine einzelne Schaltfläche oder einen Event-Handler bereitstellen, der die native WebViewGold-API auslöst und dennoch einen sauberen Browser-Fallback zeigt.
- Empfohlenes Integrationsmuster: Erkennen Sie den App-Kontext, rufen Sie die WebViewGold-API auf und aktualisieren Sie anschließend Ihre Web-UI nach dem nativen Callback oder Routenwechsel.
- Test-Checkliste: Prüfen Sie die Funktion auf einem echten Gerät oder in einem paketierten Build, überprüfen Sie Berechtigungen und Store-Prüftexte und stellen Sie sicher, dass reine Browser-Nutzer weiterhin einen sinnvollen Fallback erhalten.
- SEO-Vorteil: Halten Sie Feature-Seiten, Routentitel und strukturierte Inhalte auf Ihrer Website indexierbar, während WebViewGold die native App-Hülle für Android-Nutzer bereitstellt.