Démonstration de Sécurité - Autorisations du Navigateur
Ce projet est une démonstration éducative qui illustre les risques potentiels liés aux autorisations accordées aux sites web dans les navigateurs modernes.
Objectif
L'objectif de cette démonstration est de sensibiliser les utilisateurs aux types d'informations personnelles qu'un site web peut collecter lorsqu'on lui accorde certaines autorisations. Le site démontre comment, en un seul clic, un site malveillant pourrait :
Prendre des photos via la caméra
Obtenir la position géographique précise
Accéder aux informations sur la batterie de l'appareil
Fonctionnalités
Interface utilisateur simple avec un bouton "Démarrer"
Demande d'autorisations pour la caméra, la géolocalisation et l'API Battery
Affichage de la photo prise par la caméra
Affichage de la position sur une carte interactive (utilisant Leaflet et OpenStreetMap)
Affichage des informations détaillées sur la batterie
Explication des risques associés à chaque type d'information collectée
Technologies utilisées
HTML5, CSS3, JavaScript (ES6+)
API MediaDevices pour l'accès à la caméra
API Geolocation pour la position
API Battery pour les informations sur la batterie
Leaflet.js pour l'affichage de la carte
OpenStreetMap pour les données cartographiques
Twind (Tailwind CSS en CDN) pour le style
Utilisation éducative
Cette démonstration est conçue uniquement à des fins éducatives pour sensibiliser aux questions de confidentialité et de sécurité en ligne. Elle illustre pourquoi il est important d'être prudent lorsqu'on accorde des autorisations aux sites web.
Limitations
Certaines fonctionnalités peuvent ne pas fonctionner sur tous les navigateurs ou appareils
L'API Battery est dépréciée dans certains navigateurs pour des raisons de confidentialité
La précision de la géolocalisation peut varier selon l'appareil et l'environnement
Note importante
Ce projet ne collecte ni ne stocke aucune donnée. Toutes les informations affichées restent sur votre appareil et ne sont pas transmises à un serveur externe.