Obtendo a resolução do navegador e o tamanho real do navegador via JavaScript

0

Pessoal, hoje vou postar para vocês como obter a resolução do navegador e também como obter o tamanho da janela no navegador, caso o navegador não esteja maximizado, ou seja é a parte do site que o navegador mostra ao usuário.

resoluçao

Para obter a resolução basta utilizar o seguinte código:

<script type="text/javascript">
   //resolução navegador
   document.write(screen.width+'x'+screen.height);
   
   //resolução 'real' navegador
   var width = (window.innerWidth > 0) ? window.innerWidth : screen.width;
   var height = (window.innerHeight > 0) ? window.innerHeight : screen.height;
   document.write(width+'x'+height);
</script>

Bom, é um código simples porém pra mim foi muito útil, como alternativa ao utilizar media screen que é bastante utilizado via CSS.

Espero que gostem, e até a próxima!

Compartilhe.