ludsce Criar função info tela

Na tela config geral colocar um swicht para ligar o modo "info tela" que mostrar as dimensões da tela para produzir as imagens

Jun 07 '22 05:06 bjverde

https://imasters.com.br/front-end/tamanho-da-tela-e-tamanho-da-janela-com-javascript
https://horadecodar.com.br/como-pegar-a-altura-e-largura-da-pagina-com-javascript/
https://horadecodar.com.br/como-detectar-resolucao-da-tela-com-javascript/
https://pt.stackoverflow.com/questions/7551/capturar-tamanho-da-tela-no-momento-da-requisi%C3%A7%C3%A3o

Oct 13 '23 03:10 bjverde

<!DOCTYPE html>
<html>
<head>
    <script>
        function sizeOfThings(){
            var windowWidth = window.innerWidth;
            var windowHeight = window.innerHeight;
            
            var screenWidth = screen.width;
            var screenHeight = screen.height;
            
            document.querySelector('.window-size').innerHTML = windowWidth + 'x' + windowHeight;
            document.querySelector('.screen-size').innerHTML = screenWidth + 'x' + screenHeight;
        };
    </script>
</head>
<body onload="sizeOfThings()">
    <h3>Window size is <span class="window-size"></span></h3>
    <p>Knowing this number you can make decisions based in breakpoints of window.</p>
    <hr>
    <h3>Screen size is <span class="screen-size"></span></h3>
    <p>Here you have an idea of device screen size. </p>
</body>
</html>

Oct 15 '23 00:10 bjverde