Webview (HTML, CSS, JS)

Une "webview" est une page HTML qui s'ouvre dans l'application mobile grâce à un navigateur Web qui est, dans la plupart des cas, une version restreinte du navigateur par défaut du téléphone (Chrome/Safari/Firefox).

Le code saisi dans la webview est stocké dans un fichier HTML qui sera hébergé sur la plateforme ARGO. Vous pouvez intégrer dans ce fichier HTML du code CSS ou JS grâce aux balises "style" et "script". Vous pouvez également appeler des ressources externes telles qu'un lien de style href=".../mystyle.css" rel="feuille de style", ou un script src=".../myscript.js", et ce, même si les fichiers CSS ou JS ne sont pas stockés sur des serveurs ARGO.

Beaucoup de scénarios sont possibles avec les interactions webview. Par exemple, vous pouvez afficher des animations, des quiz, des tutoriels, et ainsi proposer un contenu riche et varié. Jetez donc un coup d'oeil à cette magnifique animation développée par Edumedia.

Les règles de sécurité HTML s'appliquent aux webviews, y compris les enjeux "cross-domain" ou "mixed content". De plus, comme les navigateurs des webviews sont des navigateurs à accès restreint, certaines limites supplémentaires peuvent s'appliquer : accès interdit aux ressources matérielles (y compris les accès caméra/microphone/gps), lecture automatique de médias bloquée, etc.

Pour plus d'informations sur le fonctionnement et les contraintes des webviews, nous vous recommandons de lire la documentation technique Android et iOS :

https://developer.android.com/reference/android/webkit/WebView.html

https://developer.apple.com/documentation/webkit/wkwebview

Vous pouvez également lire cet excellent tutoriel : https://developer.telerik.com/featured/what-is-a-webview/