Lorsque vous travaillez avec des prototypes Web partagés, il est possible que le titre du prototype, les commentaires et d’autres parties de la page s’affichent, mais que le contenu du prototype lui-même ne s’affiche pas. Cela peut être un problème WebGL, qui se produit principalement sur Chrome ; cependant, vous pouvez également faire face à ce problème dans d’autres navigateurs.
Suivez la procédure ci-dessous pour résoudre le problème :
- Essayez de recharger ou d’afficher le prototype dans un navigateur différent. Différents navigateurs ont parfois des comportements différents.
- Essayez de mettre à jour votre navigateur vers la dernière version.
- Sélectionnez le navigateur avec lequel vous rencontrez actuellement un problème et suivez les étapes mentionnées.
Vérifiez les paramètres de Chrome et utilisez l’accélération matérielle lorsqu’elle est disponible
Si l’erreur suivante se produit dans la console, un paramètre Chrome peut être désactivé :
Impossible de créer un canevas : Impossible de créer un contexte WebGL, VENDOR = 0xffff, DEVICE = 0xffff.
Vous pouvez vérifier l’état de l’accélération matérielle dans Chrome en procédant comme suit :
- Ouvrez une fenêtre de navigateur et saisissez chrome://settings/?search=hardware.
- Sélectionnez Utiliser l’accélération matérielle sur la page Système et activez-la si elle n’est pas activée.
- Relancez Chrome.
- Si vous ne pouvez toujours pas afficher les prototypes dans le navigateur, procédez comme suit :
- Assurez-vous que le navigateur prend en charge WebGL.
- Recherchez une erreur WebGL dans l’inspecteur.
Veillez à utiliser la toute dernière version de Chrome.
Pour mettre à jour votre navigateur, reportez-vous à la documentation de Chrome.
OU
Essayez l’une des étapes suivantes :
- Ouvrez une fenêtre de navigateur et saisissez chrome://settings/help.
- Vérifiez si À propos de Google Chrome affiche Google Chrome est à jour.
- Si le texte affiché ne correspond pas, mettez à jour Chrome pour obtenir la dernière version.
Vérifiez les paramètres de performance de Firefox
Pour vérifier les paramètres de performance de Firefox, suivez les instructions de la documentation de Firefox.
Assurez-vous d’utiliser l’accélération matérielle dans la mesure du possible.
Vérifiez si Firefox est à jour
Pour vérifier et mettre à jour, suivez les instructions de la documentation de Firefox.
Vérifiez les paramètres de Safari
Si l’erreur suivante se produit dans la console, un paramètre Safari peut être désactivé :
Impossible de créer un canevas : Impossible de créer un contexte WebGL, VENDOR = 0xffff, DEVICE = 0xffff.
Pour plus d’informations, consultez la page de support Apple.
Vérifiez si Safari est à jour
Pour vérifier et le mettre à jour, suivez les instructions de la documentation Apple.
Vérifiez si les pilotes d’affichage de votre machine sont à jour
Pour vérifier les pilotes d’affichage, voir Mise à jour des pilotes sous Windows 10.
Vérifiez les paramètres Opera
Si l’erreur suivante se produit dans la console, un paramètre Opera peut être désactivé :
Impossible de créer un canevas : Impossible de créer un contexte WebGL, VENDOR = 0xffff, DEVICE = 0xffff.
Vous pouvez vérifier l’état de l’accélération matérielle dans Opera :
- Ouvrez une fenêtre de navigateur et saisissez Opera://settings/.
- Au bas de la page Paramètres, cliquez sur Avancé.
- Sélectionnez Utiliser l’accélération matérielle sous la rubrique Système et activez-la si elle n’est pas activée.
- Relancez Opera.
Vérifiez si Opera est à jour
Pour vérifier et le mettre à jour, suivez les instructions de la documentation Opera.
Assurez-vous que le navigateur prend en charge WebGL
- Ouvrez une fenêtre de navigateur et accédez à http://webglreport.com/.Vous pouvez également visiter https://get.webgl.org/ et rechercher un cube tournant.
- Si le navigateur ne prend pas en charge WebGL, affichez le prototype dans un autre navigateur ou sur un autre périphérique.
Recherche d’une erreur WebGL dans l’inspecteur
- Pour ouvrir les outils Developer, cliquez avec le bouton droit sur le prototype et sélectionnez Inspecter l’élément ou appuyez sur Cmd + Option + I.
- Cliquez sur l’onglet Console.
- Recherchez une erreur contenant WebGL et copiez l’erreur.
- Contactez le support avec les détails de l’erreur ou affichez les détails de l’erreur sur Adobe XD User Voice.
Les publications Twitter™ et Facebook ne sont pas couvertes par les dispositions Creative Commons.