El Responsive Device Switcher o Add CSS/JS no funciona
Cómo reconocer el error
Si quieres mostrar y editar tu sitio web de forma responsiva o quieres añadir CSS/JavaScript en tu variante, pero tu sitio web no carga y muestra un error, esto se debe a las restricciones de framing.
Cómo solucionar el error
Solución 1: Usando la extensión de Chrome Varify.io®
Para que puedas seguir creando tus variantes, tienes la opción de evitar esta restricción de framing con la extensión de Chrome Varify.io®.
- Descarga la extensión de Chrome Varify®
- Actívala en tu navegador y guarda tu fragmento de código Varify®
- Activa el interruptor "Allow Responsive Device Switcher"
- Recarga la página - ¡Listo!
Ahora todo debería funcionar como se espera.
Puedes encontrar una explicación más detallada de la instalación y activación, así como otras funciones, aquí: Extensión de Chrome Varify®
Solución 2: Personalizar las opciones de X-Frame en tu propio sitio web
Si ves un mensaje de error como el de la captura de pantalla anterior, una restricción de framing no está permitiendo cargar la página en el selector de dispositivos responsive.
La vista de escritorio normal del editor visual no se ve afectada por restricciones de framing.
Si tu página se entrega con la cabecera de respuesta X-Frame-Options con el valor "deny", la edición responsive no se puede utilizar.
Una solución sensata en este caso sería relajar la restricción a X-Frame-Options: "sameorigin".
X-Frame-Options: "sameorigin" permite que tus páginas se puedan incrustar en un frame desde tu dominio, pero no permite que se incrusten desde otros sitios web.