API CSS et JavaScript personnalisés
Injectez des styles CSS et du code JavaScript personnalisés dans n'importe quelle page de votre application WebView iOS, idéal pour les ajustements propres à l'app.
WebViewGold vous permet de personnaliser l'apparence et les fonctionnalités de votre application à l'aide de CSS personnalisé et de JavaScript personnalisé, sans modifier le code natif de l'application. Voici comment utiliser ces fonctionnalités pour adapter votre application à votre marque et à vos préférences en matière d'expérience utilisateur.
Comment styliser votre application iOS basée sur WebView avec du CSS personnalisé :
La fonctionnalité CSS personnalisé vous permet d'ajuster sans effort l'apparence de votre application :
- Ajoutez votre code CSS personnalisé au fichier custom.css.
- Enregistrez le fichier pour appliquer ces styles à toutes les pages web chargées par votre application WebViewGold.
Exemples de personnalisation avec le CSS :
- Modifiez les couleurs pour qu'elles correspondent à votre identité visuelle.
- Intégrez des animations.
- Stylisez le texte, les boutons et d'autres éléments.
Comment enrichir le comportement de votre application avec du JavaScript personnalisé :
Avec le JavaScript personnalisé, vous pouvez personnaliser les fonctionnalités de votre application pour vos utilisateurs sans modifier le code distant d'origine de l'application web :
- Ajoutez votre code JavaScript personnalisé au fichier custom.js.
- Enregistrez le fichier pour appliquer ces scripts à toutes les pages chargées par votre application.
Exemples de personnalisation avec JavaScript
- Créez des alertes ou des notifications.
- Ajoutez des éléments interactifs ou des actions déclenchées par des événements.
- Adaptez les interactions utilisateur et le comportement des pages.
Notes d’implémentation façon SDK
Considérez cette fonctionnalité comme une capacité native exposée à votre couche web : conservez votre site web de production ou votre PWA comme source de vérité, puis utilisez les indicateurs de configuration WebViewGold documentés, les commandes URL et les appels du pont JavaScript pour activer le comportement natif iOS uniquement là où il apporte de la valeur. Cette approche garde votre base de code maintenable, car la même application web peut servir les navigateurs, WebViewGold pour iOS et les autres plateformes WebViewGold avec un minimum de logique conditionnelle.
Pour des résultats fiables, privilégiez les points de terminaison HTTPS, des noms de routes stables, des états de succès/erreur explicites dans votre interface et de petites fonctions JavaScript qui encapsulent les appels natifs. Par exemple, une application web créée avec jQuery Mobile, Lovable, Base44, Bolt, WordPress, Bubble, une pile React/Vue/Angular personnalisée ou du HTML statique peut exposer un seul bouton ou gestionnaire d’événement qui déclenche l’API native WebViewGold tout en affichant une solution de repli élégante dans le navigateur.
- Modèle d’intégration recommandé : détectez le contexte de l’application, appelez l’API WebViewGold, puis mettez à jour votre interface web après le rappel natif ou le changement de route.
- Liste de vérification des tests : validez la fonctionnalité sur un appareil réel ou une build empaquetée, vérifiez les autorisations et le texte de revue du store, et confirmez que les utilisateurs navigateur uniquement reçoivent toujours une solution de repli utile.
- Avantage SEO : gardez les pages de fonctionnalités, les titres de routes et le contenu structuré indexables sur votre site web pendant que WebViewGold fournit l’enveloppe d’application native pour les utilisateurs iOS.