Expériences web double écran

Important

Les fonctionnalités et l’aide décrites dans cet article sont en préversion publique et peuvent faire l’objet de modifications importantes avant leur lancement en disponibilité générale. Microsoft ne donne aucune garantie, expresse ou implicite, concernant les informations fournies ici.

Microsoft Edge, technologie Chromium, offre une base puissante et compatible pour les expériences de sites web et d’applications web sur les appareils. Elle comprend une nouvelle prise en charge du double écran lors d’une exécution sur Surface Duo.

  • Nouvelles normes web pour la disposition double écran  : Vous pouvez utiliser des primitives CSS pour les dispositions double écran ou l’ API d’énumération des segments de fenêtre JavaScript pour détecter plusieurs écrans et y organiser le contenu web.

  • Test sur Surface Duo ou sur un émulateur  : Les nouveaux standards web étant en préversion, suivez ces instructions pour activer la prise en charge du double écran sur Surface Duo ou dans l’émulateur.

  • Création et test sur le poste de travail  : Vous pouvez également créer et tester des expériences web double écran sur le poste de travail avec Edge ou Chrome. Suivez ces instructions pour activer les outils de développement double écran.

  • Applications web progressives  : Les applications web progressives sont prises en charge d’office dans le nouveau navigateur Microsoft Edge, qui peut être installé directement à partir du navigateur sur Android. Les applications web progressives prennent en charge les mêmes fonctionnalités et outils de disposition double écran que le navigateur.

Ressources supplémentaires

Dans l’article Présentation des appareils double écran, nous décrivons plusieurs façons d’utiliser les fonctionnalités et techniques existantes pour améliorer votre application sur les appareils double écran. Utilisez cette documentation pour en savoir plus sur l’implémentation de ces fonctionnalités dans les applications web.

Fonctionnalité Pour plus d’informations, consultez...
Dispositions des applications réactives Les blocs de construction de la conception réactive (Mozilla)
Prise en charge d’une variété d’entrées PointerEvent (Mozilla)
Glisser-déposer API Glisser-déposer HTML (Mozilla)
Incrustation pour le média Incrustation (W3C)
Exemple d’incrustation (Chrome)