App-Name, Icon und Splash Screen
Benennen Sie Ihre iOS-App um, fügen Sie ein eigenes App-Icon hinzu und richten Sie personalisierte Splash-Screen-Grafiken für Ihre WebViewGold-App ein.
Den angezeigten App-Namen ändern:
Navigieren Sie wie im Screenshot gezeigt über WebViewGold → WebViewGold → Build Settings zu Product Name und ändern Sie den Namen wie im folgenden Screenshot gezeigt:HINWEIS: Wenn Ihr App-Name Akzentbuchstaben enthält (wie zum Beispiel 'à'), müssen Sie diese für den Product Name durch normale Buchstaben ersetzen. Der Product Name wird auch zur Benennung von Dateien in Ihrer App verwendet und unterstützt daher keine Akzentbuchstaben (die App würde abstürzen). Um sicherzustellen, dass Ihre App den Benutzern auf dem iOS-Homescreen den korrekten Namen anzeigt, ändern Sie anschließend bitte auch den Bundle Display Name (zu finden in der Datei Info.plist) von "$PRODUCT_NAME" in Ihren App-Namen mit Akzentbuchstaben. Wenn Ihr App-Name beispielsweise "WebViewGold" lautet, sollte der Product Name "WebViewGolda" und der Bundle Display Name "WebViewGold" lauten.
Ein benutzerdefiniertes App-Icon hinzufügen:
Führen Sie diese einfachen Schritte aus, um Ihrer WebView-basierten iOS-App ein benutzerdefiniertes App-Icon hinzuzufügen:1. App-Icon-Einstellungen finden
Navigieren Sie zu WebViewGold → WebViewGold → General → App Icons and Launch Screen → App Icon Source.
2. Durch Ihr eigenes Icon ersetzen
Ersetzen Sie einfach die enthaltenen Bilddateien durch Ihre eigenen, in der Größe angepassten Bilddateien. Es gibt kostenlose Online-Tools, die beim Erstellen dieser verschiedenen Bildgrößen helfen, wie zum Beispiel App Icon Generator (wir stehen in keiner Verbindung mit dem Entwicklerunternehmen). Alternativ können Sie nach einem beliebigen "iOS App Icon Generator"-Tool Ihrer Wahl suchen.
Einen benutzerdefinierten Splash Screen hinzufügen:
Führen Sie diese Schritte aus, um Ihrer WebView-basierten iOS-App benutzerdefinierte Splash-Screen-Grafiken hinzuzufügen:1. Den Splash Screen aktivieren
So aktivieren Sie den Splash Screen für Ihre App:
- Öffnen Sie die Datei Config.swift und suchen Sie nach
splashScreenEnabled. - Stellen Sie sicher, dass diese Variable auf
truegesetzt ist.
2. Das Splash-Screen-Bild ersetzen
So verwenden Sie Ihr eigenes Branding als Splash Screen:
- Ersetzen Sie die vorhandene Datei splash.gif im Hauptverzeichnis des XCode-Projekts durch Ihre eigene GIF-Datei.
- Wichtig: Stellen Sie sicher, dass Ihre Bilddatei quadratisch ist (Breite = Höhe), um eine optimale Darstellung zu erzielen. Zum Beispiel:
- 128x128 px
- 512x512 px
- 1024x1024 px
3. Die Anzeigedauer anpassen
So steuern Sie, wie lange der Splash Screen angezeigt wird:
- Öffnen Sie die Datei Config.swift und suchen Sie nach
splashTimeout. - Ändern Sie die Timeout-Einstellung auf die von Ihnen gewünschte Dauer (in Millisekunden).
Beispiel: Setzen Sie den Wert auf 2000 für eine 2-sekündige Anzeige.
Setzen Sie die Option remainSplashOption (zu finden in der Datei Config.swift) auf true, wenn Sie den Splash Screen anzeigen möchten, bis Ihre Seite erfolgreich geladen wurde. Andernfalls wird er nur für kurze Zeit angezeigt und der native iOS-Ladeindikator beginnt.
Verwenden Sie die Option splashscreencolor (zu finden in der Datei Config.swift), um die Hintergrundfarbe des Splash Screens zu ändern. Farboptionen finden Sie hier.
4. Optionaler App-Hinweis für Ihre Datenschutzerklärung / Nutzungsbedingungen
Wenn Sie Ihren Benutzern (WebViewGold-basierte) mobile Apps anbieten, können Sie optional die folgende Erklärung in Ihre Datenschutzerklärung oder Ihre Nutzungsbedingungen aufnehmen (dieser Hinweis dient ausschließlich zu Informationszwecken und stellt keine Rechtsberatung dar. Wir übernehmen keine Haftung dafür, wie dieser Text verwendet wird. Bitte konsultieren Sie für eine individuelle Beratung einen Rechtsexperten):
Our mobile apps (iOS/Android) are developed using WebViewGold by jocapps GmbH (Germany). These apps display the content of our website using a WebView framework and enrich it with selected native features to improve usability and performance. Accordingly, the same privacy policy and terms of service that apply to our website also apply to our mobile apps. For more information, please visit
https://www.webviewgold.com/#convert-website-to-app-privacy, or contact us directly.
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 iOS-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 iOS 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 iOS-Nutzer bereitstellt.