Il Responsive Device Switcher o Add CSS/JS non funziona
Come riconoscere l'errore
Se vuoi visualizzare e modificare il tuo sito web in modalità responsive oppure vuoi aggiungere CSS/JavaScript nella tua variante, ma il tuo sito web non si carica e mostra un errore, la causa sono le restrizioni di framing.
Come risolvere l'errore
Soluzione 1: utilizzo dell'estensione Chrome Varify.io®
Per poter comunque creare le tue varianti, hai la possibilità di aggirare questa restrizione di framing con l'estensione Chrome Varify.io®.
- Scarica la Varify® Chrome Extension
- Attivala nel tuo browser e salva il tuo snippet di codice Varify®
- Attiva l'interruttore "Allow Responsive Device Switcher"
- Ricarica la pagina - Pronto!
Ora tutto dovrebbe funzionare come previsto.
Una spiegazione più dettagliata dell'installazione e dell'attivazione, oltre ad altre funzioni, è disponibile qui: Varify® Chrome browser extension
Soluzione 2: personalizzare le opzioni X-Frame sul tuo sito web
Se visualizzi un messaggio di errore come quello nello screenshot sopra, una restrizione di framing non consente il caricamento della pagina nel selettore di dispositivi responsive.
La normale visualizzazione desktop dell'editor visuale non è interessata dalle restrizioni di framing.
Se la tua pagina viene fornita con l'header di risposta X-Frame-Options con il valore "deny", l'editing responsive non può essere utilizzato.
Una soluzione sensata in questo caso sarebbe allentare la restrizione a X-Frame-Options: "sameorigin".
X-Frame-Options: "sameorigin" consente alle tue pagine di essere incorporate in un frame dal tuo dominio, ma non ne consente l'incorporazione da altri siti web.