• O alternador de dispositivos responsivo não funciona

    Tabela de conteúdo

    Como reconhecer o erro

    Se você deseja exibir e editar seu site de forma responsiva, mas ele não carrega e exibe um erro, isso se deve às restrições de enquadramento. 

    Como corrigir o erro

    Solução 1: Usando a extensão do Varify.io® para o Chrome

    Para que você ainda possa exibir e personalizar suas variantes para dispositivos móveis, você tem a opção de ignorar essa restrição de enquadramento com a extensão do Chrome Varify.io®.

    1. Faça o download do Extensão Varify® para o Chrome
    2. 2. ative-o em seu navegador e armazene seu snippet de código Varify®
    3. Ative a opção "Allow Responsive Device Switcher" (Permitir alternador de dispositivo responsivo)
    4. Recarregar a página - Pronto!

    Agora, o Responsive Device Switcher deve estar funcionando.

    Uma explicação mais detalhada da instalação e ativação, bem como de outras funções, pode ser encontrada aqui: Varify® Extensão do navegador Chrome

    Solução 2: Personalize as opções do X-frame em seu próprio site

    Se você vir uma mensagem de erro como a da captura de tela acima, a página não poderá ser carregada no alternador de dispositivos responsivos devido a uma restrição de enquadramento.

    A exibição normal do editor visual na área de trabalho não é afetada pelas limitações do quadro.

    Se sua página for entregue com o cabeçalho de resposta X-Frame-Options com o valor "deny", a edição responsiva não poderá ser usada.

    Uma solução sensata nesse caso seria relaxar a restrição para X-Frame-Options: "sameorigin".

    Opções de X-Frame: "sameorigin" permite incorporar suas páginas em um quadro do seu domínio, mas não incorporá-las em outros sites.

  • Primeiros passos