post

Bloquear Visualização em Dispositivos Mobile com JavaScript

Publicado em: 21/08/2024 / Atualizado em: 21/08/2024

Categorias: BlogJavaScript (JS)JS

Neste artigo vou disponibilizar um código Javascript para que seja possível bloquear a visualização de uma página ou site completo em dispositivos mobile. Isso serve para quando você ainda não tem a versão mobile pronta, e precisa que alguém acesse a aplicação somente em desktop.

<!-- Bloquear Visualização Mobile -->
<script>
    document.addEventListener("DOMContentLoaded", function() {
        // Função para detectar se o dispositivo é mobile
        function isMobile() {
            return /Mobi|Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
        }

        // Se o dispositivo for mobile, exibir a mensagem e impedir o carregamento do site
        if (isMobile()) {
            document.body.innerHTML = "<div style='display: flex; align-items: center; justify-content: center; height: 100vh; text-align: center; font-family: Arial, sans-serif;'><div><h1>Este site está otimizado apenas para desktop.</h1><p>Por favor, acesse este site a partir de um computador.</p></div></div>";
            document.body.style.backgroundColor = "#f7f7f7";
        }
    });
</script>
<!-- Bloquear Visualização Mobile -->

Publicações recomendadas:

Inscreva-se em Nossa News:

Seja notificando sempre que tiver conteúdo novo disponível no meu canal do Youtube ou artigo no meu Blog.

Bruno Devs News

Link Curto para Compartilhamento

Compartilhe esse conteudo nas redes sociais ou por mensagem usando o link curto abaixo. Basta clicar em cima do link para copiar.

bruno.art.br/pb/5618

ID de Referência: 5618

Sugira uma publicação

Envie uma mensagem e sugira um publicação sobre um assunto que tenha dificuldades de resolver.

Clique aqui e entre em contato


Comentários