Cодержание

Руководство Javascript Screen

1- window.screen

Когда ваш браузер работает на компьютере,  window.screen является объектом, который представляет экран компьютера. Когда ваш браузер работает на телефоне, window.screen является объектом, который представляет экран телефона....
Свойства (property) у window.screen:
  • screen.width
  • screen.height
  • screen.availWidth
  • screen.availHeight
  • screen.colorDepth
  • screen.pixelDepth
Свойство Описание
screen.width Ширина экрана в pixel.
screen.height Высота экрана в pixel.
screen.availWidth Ширина экрана в ​​​​pixel, вычитая пространство свойств интерфейса (interface features), например панель задач (Taskbar).
screen.availHeight Ширина экрана в ​​​​​​​​​​​pixel, вычитая пространство свойств интерфейса (interface features), например панель задач (Taskbar).  
screen.colorDepth Возвращает количество bits использованный для отображения цвета (color).
screen.pixelDepth Возвращает​​​​​​​ количество pixel depth (bit depth) экрана.
Экрае компьютере с операционной системой  Windows 7:
Экран компьютере с операционной системой  Ubuntu:
Например:
screen-example.html
<!DOCTYPE html>
<html>
   <head>
      <title>Screen Example</title>
      <meta charset="UTF-8">


   </head>
   <body>

       <h1>window.screen</h1>

       <button onClick="showInfos()">Show Infos</button>

        <textarea name="name" style="width:100%;margin-top:10px;"
            rows="8" id="log-area"></textarea>

        <script>
           function showInfos()  {

             var logArea = document.getElementById("log-area");
             logArea.value = "";

             logArea.value += "screen.width= " + screen.width +"\n";
             logArea.value += "screen.height= " + screen.height +"\n";
             logArea.value += "screen.availWidth= " + screen.availWidth +"\n";
             logArea.value += "screen.availHeight= " + screen.availHeight +"\n";

             logArea.value += "screen.colorDepth= " + screen.colorDepth +"\n";
             logArea.value += "screen.pixelDepth= " + screen.pixelDepth +"\n";

           }
           showInfos();
        </script>
   </body>
</html>