Table des matières:
Vidéo: Live MOOC Accessibilité numérique 2025
Lorsque vous naviguez sur Internet sur votre téléphone mobile, de nombreux sites Web affichent automatiquement leur version adaptée aux mobiles. Dans les coulisses, les développeurs ont placé un script dans le site qui fonctionne pour déterminer le type de navigateur que vous utilisez (iPhone, iPad, Android, Blackberry, ou même les navigateurs de bureau tels que Firefox et Internet Explorer). En fonction du résultat demandé, le script redirige l'utilisateur vers le site Web approprié pour garantir une expérience optimale. Par exemple, il n'est pas rare d'avoir plusieurs versions d'un site Web. En plus d'un site spécifique au mobile, vous pouvez avoir un site optimisé pour les nouveaux navigateurs de bureau, prenant en charge de nombreuses fonctions HTML et CSS, et un site simplifié pour les anciens navigateurs.
Détection IP et GPS
Selon la nature de vos produits et services, un détail utile à détecter est l'emplacement général de l'utilisateur dans le monde. De nombreux sites, par exemple, sont des sites mondiaux qui desservent de nombreux pays et langues. Il est possible de créer un site Web unique qui affiche un contenu entièrement différent - dans la langue maternelle de l'utilisateur - simplement en utilisant un script de détection IP (Internet Protocol) qui détermine l'emplacement de l'utilisateur. La façon dont cela fonctionne est que quand quelqu'un obtient le service Internet, on lui attribue une adresse IP. Il existe des bases de données d'emplacements d'adresses IP que le script peut vérifier afin de déterminer l'emplacement général de l'utilisateur.
Le site Web de MonsterEnergy, par exemple, fonctionne de cette façon. Si vous êtes en Espagne et tapez MonsterEnergy. com dans votre navigateur, vous obtenez des nouvelles locales espagnoles, des événements et des images sous-titrées en espagnol. Le script de détection IP indique au site le contenu du pays et de la langue à extraire de son système de gestion de contenu (CMS).
Alors que la méthode de détection IP vous donnera une région générale associée à l'adresse IP, il est également possible d'obtenir l'emplacement GPS spécifique d'un utilisateur en utilisant une combinaison de JavaScript et HTML5 La méthode JavaScript, cependant, exige que vous demandiez d'abord l'autorisation de l'utilisateur. Bien que cette méthode nécessite une étape supplémentaire de demande d'autorisation de la part de l'utilisateur, elle vous fournit des résultats de localisation précis, tandis que la méthode de détection IP n'est précise qu'à un niveau régional général. Bien que la plupart d'entre nous connaissent la capacité d'un téléphone portable à obtenir rapidement des données de localisation GPS en utilisant les données hotspot Wi-Fi et la tour cellulaire, vous vous demandez peut-être comment votre ordinateur de bureau peut obtenir ces données.La réponse est que votre ordinateur domestique et de bureau connecté à Internet partage ses données IP avec des réseaux sans fil à proximité. En plus des réseaux Wi-Fi à proximité, l'API Geolocation utilise plusieurs sources d'informations de localisation, en fonction de l'appareil (smartphone ou bureau), y compris les données satellitaires, les dispositifs de repérage radio et le matériel Internet. Pouvez-vous dire "Big Brother regarde? "
Web responsive
Une tendance plus récente est la notion de design responsive dans laquelle une page Web peut détecter la taille du navigateur et la résolution de l'écran - même si elle change lorsqu'un utilisateur redimensionne la fenêtre du navigateur - et reconfigurer dynamiquement disposition pour accueillir la nouvelle taille. La magie qui rend cela possible est la partie Media Queries de la spécification CSS3. Une requête multimédia est un code CSS qui détecte la taille du navigateur et, en fonction du résultat, indique à la page de charger la feuille de style appropriée, telle qu'un écran large. css par opposition à l'écran mobile. css. Ces différentes feuilles de style contiennent différents systèmes de mise en page, tailles de police et paramètres d'optimisation de l'image. Par conséquent, en théorie, quel que soit le nombre de dispositifs différents introduits sur le marché, chacun avec un espace d'écran unique, il est possible de créer simplement un nouveau document CSS qui optimise votre site Web pour l'adapter.
