Connectez vos appareils à l’application pour postes de travail Dreamweaver pour prévisualiser, inspecter, tester et déboguer vos pages web sur les différents appareils.
Aperçu et inspection des pages web

Dreamweaver permet désormais de tester des pages web sur plusieurs appareils simultanément. Vous pouvez ainsi observer la mise en forme de chaque page web en fonction des différents formats, mais aussi tester les fonctionnalités interactives présentes sur vos pages. Et tout ça, sans avoir à installer une application mobile spécifique ni à établir une connexion physique entre les appareils et votre ordinateur ! Il vous suffit de scanner le code QR généré automatiquement avec chaque appareil sur lequel vous souhaitez afficher vos pages web.

Une fois activée sur l’ordinateur, l’inspection en direct est lancée sur tous les appareils connectés, ce qui vous permet de vérifier les différents éléments et d’ajuster votre design en conséquence.

Conditions requises

Vérifiez que vous avez installé un lecteur de code QR sur vos appareils.
Vérifiez que votre ordinateur et les appareils mobiles sont connectés à Internet et se trouvent sur le même réseau.
Gardez les informations d’identification de votre Adobe ID à portée de main : pour lancer l’aperçu, vous devrez vous connecter aux appareils en indiquant l’Adobe ID utilisé pour Dreamweaver sur votre ordinateur.
Si vous êtes un client Entreprise, vérifiez que vous disposez des autorisations nécessaires pour accéder au service Aperçu sur le périphérique.
Sur les appareils, assurez-vous que JavaScript et les cookies sont activés dans les paramètres du navigateur.

Appareils pris en charge

Tous les appareils Android et iOS

Aperçu de pages web sur un appareil

  1. Sur votre ordinateur, lancez Dreamweaver et ouvrez la page web que vous souhaitez prévisualiser sur des appareils.

  2. Cliquez sur l’icône Aperçu en temps réel de la barre d’outils du document.

    Aperçu en temps réel sur un appareil
    Aperçu en temps réel sur un appareil

    Une fenêtre contextuelle intitulée Aperçu sur le périphérique apparaît. Celle-ci comporte un code QR et une URL abrégée.

     

  3. Scannez le code QR avec l’appareil mobile sur lequel vous souhaitez prévisualiser le document web. Pour connecter plusieurs appareils, scannez le code QR avec chacun d’eux.

  4. Sur les appareils, un écran de connexion s’affiche. Connectez-vous à l’aide des informations d’identification de votre Adobe ID. Veillez à utiliser le même Adobe ID que pour les applications Dreamweaver et Creative Cloud.

    Écran de connexion sur les appareils
    Écran de connexion sur les appareils

  5. Une fois la connexion établie, les noms des appareils connectés s’affichent dans la fenêtre contextuelle Aperçu sur le périphérique. Vous pouvez également voir l’aperçu de votre page web sur ces appareils.

    Fenêtre contextuelle Aperçu sur le périphérique, indiquant les appareils connectés
    Fenêtre contextuelle Aperçu sur le périphérique, indiquant les appareils connectés

Remarque :

Pour associer un nom d’appareil figurant dans la fenêtre contextuelle au périphérique auquel il correspond, placez le curseur de la souris sur ce nom. Un écran d’information s’affiche sur l’appareil correspondant.

Inspection de pages web sur des appareils

Pour inspecter la page web sur tous les appareils connectés, cliquez sur l’icône Inspecter dans la barre d’outils de Dreamweaver.

Option Inspecter de la barre d’outils
Option Inspecter de la barre d’outils

Pour inspecter la page web sur un appareil spécifique, cliquez sur l’icône Inspecter en regard du nom de cet appareil dans la fenêtre contextuelle Aperçu sur le périphérique. L’inspection se lance alors sur cet appareil et sous Dreamweaver, la fenêtre d’affichage de Dreamweaver étant configurée pour refléter celle de l’appareil.

Pour quitter le mode Inspection, cliquez à nouveau sur l’icône Inspecter sous Dreamweaver.

Dès leur validation, toutes les modifications apportées à la page web sur l’ordinateur sont immédiatement répercutées sur les appareils.

Résolution de problèmes liés à l’Aperçu sur le périphérique

Si vous rencontrez des problèmes lors de la connexion des appareils ou de la prévisualisation des pages web sur ces derniers, consultez l’article Aperçu sur le périphérique – Résolution des problèmes.

Ce produit est distribué sous licence Creative Commons Attribution - Pas d’utilisation commerciale - Partage à l’identique 3.0 non transposé  Les publications Twitter™ et Facebook ne sont pas couvertes par les dispositions Creative Commons.

Mentions légales   |   Politique de confidentialité en ligne