Aperçu sur l’appareil – Résolution des problèmes

Rechercher

Dernière mise à jour le 17 mars 2023

Vous ne parvenez pas à prévisualiser ou à inspecter votre page web sur certains appareils ? Reportez-vous aux conseils ci-après pour résoudre les problèmes liés à la fonction Aperçu sur l’appareil de Dreamweaver.

Depuis le 16 novembre 2021, la fonctionnalité de prévisualisation des pages sur plusieurs appareils n’est plus disponible dans aucune version de Dreamweaver. Nous vous invitons à tester la fonctionnalité Aperçu en temps réel pour prévisualiser vos pages sur plusieurs navigateurs. Il existe une solution de contournement pour la fonction d’aperçu sur les appareils.

Points à vérifier en priorité…

Vérifiez que les conditions ci-dessous sont remplies pour la fonction Aperçu sur l’appareil. Si vous rencontrez toujours des problèmes, consultez ces conseils de dépannage avancés.

Vos appareils et l’application Dreamweaver sont-ils connectés à Internet et sur le même réseau ?

La fonction Aperçu sur l’appareil ne fonctionne pas si les appareils et l’ordinateur exécutant Dreamweaver sont connectés à des réseaux différents. Par exemple, si votre appareil utilise la connexion réseau fournie par votre opérateur mobile et que l’ordinateur exécutant Dreamweaver est connecté à votre réseau personnel, la fonction Aperçu sur l’appareil ne pourra pas fonctionner.

Assurez-vous que l’ordinateur de bureau et les différents appareils sont connectés au même réseau.

Avez-vous activé JavaScript et les cookies dans le navigateur de votre appareil ?

La fonction Aperçu sur l’appareil nécessite que JavaScript et les cookies soient activés dans les paramètres de votre navigateur. Accédez à l’écran des paramètres du navigateur sur chacun de vos appareils, recherchez les éléments JavaScript et les cookies, puis activez-les.

Utilisez-vous le même Adobe ID sous Dreamweaver et sur les appareils ?

Le service Aperçu sur l’appareil nécessite que vous vous connectiez avec votre Adobe ID sur les appareils. Cet Adobe ID doit être le même que celui que vous avez utilisé pour acheter ou tester l'abonnement Dreamweaver. Si vous disposez d’un autre Adobe ID, votre connexion est techniquement authentifiée sur l’appareil, mais vous ne pouvez pas afficher la page à moins de vous connecter avec l’ID utilisé sous Dreamweaver.

Pour savoir quel Adobe ID vous utilisez actuellement sous Dreamweaver, cliquez sur Aide > Déconnecter <votre Adobe ID>.

Le document que vous avez ouvert peut-il faire l’objet d’un aperçu ?

Techniquement, vous pouvez prévisualiser sur vos appareils tous les documents pris en charge dans le mode En direct de Dreamweaver. Ainsi, il est possible de prévisualiser des documents tels que des fichiers HTML et PHP sur vos appareils. Si vous essayez de prévisualiser d’autres fichiers, par exemple de type CSS, XML, LESS ou JS, une erreur s’affiche sur l’appareil pour vous signaler qu’un document valide doit être ouvert dans Dreamweaver afin de lancer l’aperçu.

Disposez-vous des droits d’accès nécessaires pour utiliser le service Aperçu sur l’appareil ?

Si vous utilisez un compte d’entreprise sous Dreamweaver, il est possible que vous n’ayez pas accès au service Aperçu sur l’appareil. Contactez votre administrateur système pour vous assurer que vous disposez des autorisations requises pour utiliser le service.

Dépannage avancé

Impossible de lancer le service Aperçu sur l’appareil

Dreamweaver exécute un serveur de nœud HTTP local pour le service Aperçu sur l’appareil, sur un port aléatoire attribué par le nœud. L’aperçu sur l’appareil ne fonctionne pas si l’un des éléments suivants (ou les deux) a été bloqué par votre administrateur système :

Le port aléatoire attribué par le serveur de nœud
L’adresse IP de l’hôte local, 127.0.0.1

Pour régler ce problème, effectuez la procédure suivante :

Relancez Dreamweaver. Si Dreamweaver n’a pas réussi à créer l’instance du serveur de nœud, le fait de relancer l’application devrait régler le problème.

Si ce n’est pas le cas, passez aux étapes 2 et 3.
Attribuez un port spécifique au service Aperçu sur l’appareil depuis le serveur de nœud. Vous devez ajouter ce numéro de port, ainsi que la clé d’aperçu sur l’appareil, dans un fichier NodePort.json. La procédure à suivre est indiquée ici.

Création d’un fichier NodePort.json

Créez un fichier appelé NodePort.json et spécifiez le numéro de port dans ce fichier, au format suivant :

Remarque :

Assurez-vous que ce numéro de port n’a pas été bloqué par votre administrateur système.
```
{
“previewport” : <portnumber>
}
```
Par exemple, si vous souhaitez utiliser le port 8010 :
```
{
“previewport” : 8010
}
```
Remarque :

Si vous avez déjà créé un fichier NodePort.json contenant une paire clé/valeur, séparez les différentes paires clé/valeur par des virgules ou spécifiez chaque nouvelle paire clé/valeur sur une ligne distincte.
Enregistrez le fichier NodePort.json à l’emplacement suivant :
- Windows : %appdata%\Adobe\Dreamweaver CC 2015\fr_FR\Configuration
- Mac : ~/Library/Application Support/Adobe/Dreamweaver CC 2015/fr_FR/Configuration
Relancez Dreamweaver.

Paramètres de pare-feu bloquant les connexions à Dreamweaver

Vous ne pouvez pas connecter vos appareils à Dreamweaver si les paramètres de pare-feu de votre ordinateur de bureau (ou de votre entreprise) bloquent les connexions en provenance des appareils externes.

Configurez les paramètres de pare-feu de votre ordinateur de manière à autoriser les connexions depuis les appareils externes. Si vous utilisez un ordinateur géré par votre entreprise, contactez l’administrateur système pour obtenir de l’aide.

Si votre pare-feu est configuré de manière à afficher une invite lorsque des appareils externes tentent de se connecter, vous recevrez un message vous demandant d’autoriser l’accès au serveur de nœud Dreamweaver. Par exemple, si vous avez configuré le pare-feu Windows, une invite comportant l’option Autoriser l’accès apparaît. Sélectionnez le réseau approprié (Public ou Privé), puis cliquez sur Autoriser l’accès.

Remarque : pour savoir sur quel réseau se trouve votre ordinateur, ouvrez les paramètres Pare-feu Windows depuis le Panneau de configuration et vérifiez le paramètre correspondant.
Attribuez un port spécifique au service Aperçu sur l’appareil depuis le serveur de nœud. Vous devez ajouter ce numéro de port, ainsi que la clé d’aperçu sur l’appareil, dans un fichier NodePort.json. La procédure à suivre est indiquée ici.

Paramètres de serveur proxy bloquant les connexions aux appareils externes

La fonction « Aperçu sur l’appareil » risque de ne pas fonctionner si l’adresse IP de l’ordinateur sur lequel est installé Dreamweaver ne figure pas dans la liste blanche du serveur proxy.

Contactez votre administrateur système pour ajouter votre ordinateur à la liste blanche disponible dans les paramètres du serveur proxy.

JavaScript et les cookies ne sont pas activés dans les navigateurs de vos appareils.

L’aperçu ne fonctionne pas, je suis redirigé vers cet article

Vous êtes redirigé vers cet article dans les cas suivants :

La connexion à Dreamweaver depuis les appareils a échoué.
- Votre appareil et Dreamweaver se trouvent sur des réseaux différents.
  La fonction Aperçu sur l’appareil ne fonctionne pas si les appareils et l’ordinateur exécutant Dreamweaver sont connectés à des réseaux différents. Par exemple, si votre appareil utilise la connexion réseau fournie par votre opérateur mobile et que l’ordinateur exécutant Dreamweaver est connecté à votre réseau personnel, la fonction Aperçu sur l’appareil ne pourra pas fonctionner.
  
  Vérifiez que tous vos appareils et votre ordinateur de bureau se trouvent sur le même réseau, puis réessayez d’afficher l’aperçu de votre page web.
- Les paramètres de pare-feu définis sur votre ordinateur empêchent les connexions entrantes en provenance des appareils.

Vous accédez à une URL (URL abrégée de type adobe.ly) non valide ou obsolète sur vos appareils. Scannez à nouveau le code QR pour afficher l’aperçu de la page sur vos appareils.

Vous accédez à la page web par le biais d’Internet Explorer 11 sur un système d’exploitation Windows 8.1 Professionnel. Vérifiez que vous disposez d’Internet Explorer version 11.0.9600.17690 ou ultérieure, ou utilisez un autre navigateur pour générer l’aperçu.

Une erreur interne s’est produite. Essayez de réafficher l’aperçu de votre page web après quelques instants ou redémarrez Dreamweaver.

Solution de contournement pour la fonction d’aperçu sur les appareils (Dreamweaver)

Si vous souhaitez prévisualiser une mise en page sur vos appareils, vous pouvez utiliser la solution de contournement ci-dessous. Procédez comme suit :

Configurez un serveur de test en suivant ces instructions de configuration.
Enregistrez et transférez vos fichiers sur le serveur de test. Activez la barre d’outils Standard (Fenêtre > Barres d’outils > Standard) afin d’identifier l’URL de la page web sur le serveur de test.
Copiez l’URL de l’application Dreamweaver et collez-la dans votre navigateur mobile. L’URL suit le format http://localhost/Devicepreview/index.html. Remplacez « localhost » par l’adresse IP de votre ordinateur. Exemple : http://xx.xxx.xxx.xxx/Devicepreview/index.html (xx.xxx.xxx.xxx correspond à l’adresse IP de l’ordinateur).
Utilisez l’URL ci-dessus (avec l’adresse IP) sur un appareil connecté au même réseau Internet que l’ordinateur. Vous devriez maintenant pouvoir afficher la page web sur cet appareil.

Recevez de l’aide plus rapidement et plus facilement

Nouvel utilisateur ?