Responsive Device Switcher ou Add CSS/JS ne fonctionne pas
Table des matières
Comment reconnaître l'erreur
Si tu veux afficher et modifier ton site web de manière responsive ou si tu veux ajouter du CSS/JavaScript dans ta variante, mais que ton site web ne se charge pas et affiche une erreur, cela est dû aux restrictions de cadrage.
Voici comment corriger l'erreur
Solution 1 : utiliser l'extension Varify.io® Chrome
Pour que tu puisses quand même créer tes variantes, tu as la possibilité de contourner cette restriction de cadrage avec l'extension Varify.io® Chrome.
- Télécharger la Extension Varify® Chrome
- 2. active-les dans ton navigateur et dépose ton code snippet Varify®.
- Active le bouton "Allow Responsive Device Switcher".
- Recharge la page - Prêt !
Tout devrait maintenant fonctionner comme prévu.
Tu trouveras ici une explication plus détaillée sur l'installation et l'activation, ainsi que sur d'autres fonctions : Extension du navigateur Varify® Chrome
Solution 2 : adapter les options X-Frame sur son propre site web
Si tu vois un message d'erreur comme dans la capture d'écran ci-dessus, cela signifie que la page ne peut pas se charger dans le Device Switcher responsive en raison d'une restriction de cadrage.
L'affichage normal du bureau de l'éditeur visuel n'est pas affecté par les restrictions du cadre.
Si ta page est livrée avec l'en-tête de réponse X-Frame-Options avec la valeur "deny", le traitement responsive ne peut pas être utilisé.
Dans ce cas, une solution judicieuse serait d'assouplir la restriction sur X-Frame-Options : "sameorigin".
Options X-Frame : "sameorigin" permet d'intégrer tes pages dans un cadre de ton domaine, mais pas de les intégrer dans d'autres pages web.