Bloquear Visualização em Dispositivos Mobile com JavaScript - Bruno Devx - BR Criativus

post #5618

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:


Link Direto

Compartilhe esse conteudo nas redes sociais ou por mensagem usando o link direto abaixo. Basta copiar.

bruno.art.br/?p=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