Responsive Device Switcher o Añadir CSS/JS no funciona
Índice
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, entonces es debido a las restricciones de framing.
Cómo rectificar el error
Solución 1: Uso de la extensión de Chrome de Varify.io
Para que pueda seguir creando sus variantes, tiene la opción de saltarse esta restricción de encuadre con la extensión de Chrome Varify.io®.
- Descargar el Extensión Varify® para Chrome
- 2. actívelo en su navegador y guarde su fragmento de código Varify
- Active el interruptor "Permitir conmutador de dispositivos con capacidad de respuesta".
- Recargar la página - ¡Hecho!
Ahora todo debería funcionar como se espera.
Aquí encontrará una explicación más detallada de la instalación y activación, así como de otras funciones: Extensión Varify® para el navegador Chrome
Solución 2: Personalice las opciones de X-frame en su propio sitio web
Si aparece un mensaje de error como el de la captura de pantalla anterior, la página no puede cargarse en el conmutador de dispositivos adaptable debido a una restricción de marcos.
La vista normal de escritorio del editor visual no se ve afectada por las limitaciones del marco.
Si su página se entrega con el encabezado de respuesta X-Frame-Options con el valor "deny", no se podrá utilizar la edición responsiva.
Una solución sensata en este caso sería relajar la restricción a X-Frame-Options: "sameorigin".
Opciones X-Frame: "sameorigin" permite incrustar tus páginas en un frame de tu dominio, pero no incrustarlas en otros sitios web.