Как узнать размер окна windows

Обновлено: 02.07.2024

Откройте окно программы Мой компьютер, если вы успели его закрыть. Мы договорились, что для примера работаем именно с этой задачей.

Заголовок окна всегда отвечает на вопрос "Где я?"

Если вы открыли значок Мой компьютер, то находитесь в окне программы (задачи, приложения) Мой компьютер. А если в заголовке окна будет написано "Бебебе", значит вы в задаче "Бебебе" (и не говорите, что вы туда не заходили!)

Какая программа работает в каждом из окон на рис. 2.1 п. "О названии "Панель задач"?

Обратите внимание на цвет заголовка. Если цвет яркий (при стандартной настройке Windows – синий), значит, окно активное, т.е. вы в нем работаете. Щелкните вне окна на свободном месте Рабочего стола, и тогда цвет заголовка станет бледно-серым. Значит, окно находится в неактивном состоянии – вы в нем сейчас не работаете!

Для того чтобы активизировать окно, щелкните левой кнопкой мыши:

на любом свободном месте в окне;
или на заголовке окна;
или на кнопке раскрытия окна на Панели задач.

Если окон много, то активное окно как бы выходит на передний план. Может случиться, что ни одно из окон не является активным, значит, вы работаете на Рабочем столе.

С помощью заголовка можно перетаскивать окно по Рабочему столу, как котенка за шкирку. Как это сделать?

Наведите курсор мыши на заголовок.
Зажмите левую кнопку.
Не отпуская кнопки, перемещайте курсор мыши по Рабочему столу в том направлении, куда хотите сдвинуть окно: влево, вправо, вверх или вниз.
Отпустите кнопку мыши в том месте, где должно находиться окно.

Итак, с помощью заголовка любого окна можно:

ответить на вопрос "Где я?";
увидеть, работает окно или нет (по его цвету);
перетащить окно на другое место ("за шкирку").

Третий совет автора. Если хотите, настоятельная рекомендация

и ищите ответ в заголовке окна!

Не надо бегать глазами по экрану – смотрите сразу на заголовок, потому что только заголовок окна ответит вам на этот вопрос.

Эта рекомендация должна выполняться на уровне рефлекса!

Кнопки управления размерами окна

Открыв окно программы Мой компьютер, обратите внимание, что на Панели задач появилась КРО (кнопка раскрытия окна) с таким же названием. Щелкните на этой кнопке, и окно "свернется"! Снова щелкните на КРО, и окно вновь появится на экране.

То же самое можно сделать с помощью кнопки управления в верхнем правом уголке окна. Наведите курсор мыши на эту кнопку и "замрите", почти сразу появится подсказка с названием кнопки "Свернуть". Щелкните на этой кнопке, и окно свернется в КРО. Вызовите окно на Стол, щелкнув на КРО.

Соседняя кнопка (Развернуть) позволяет расширить окно на весь экран. Щелкните на этой кнопке и посмотрите, как изменился ее вид: на ней появилось два листочка: . Это кнопка "Восстановить" (вернуть прежний размер окна).

Как узнать, что окно развернуто на весь Рабочий стол?

Стандартный ответ: вижу, что окно занимает весь экран.

кнопка с двумя листочками – и только она! – показывает, что окно развернуто на весь Рабочий стол!

Окно можно увеличить на весь экран и вручную, растягивая его рамку (см. п. "Размеры окна"). Да, визуально окно будет занимать весь экран, потому что изменились размеры окна, но оно не будет развернуто! И кнопка по-прежнему остается с одним листиком.

Щелкните на кнопке "Восстановить", и окно вернется к прежнему размеру, а на кнопке снова появится один листик бумаги.

Окно можно распахнуть на весь экран двойным щелчком (тук-тук) левой кнопкой прямо на заголовке окна. Для того чтобы вернуть окно к прежнему размеру, повторите двойной щелчок на заголовке окна. Итак,

Представляю Вашему вниманию перевод небольшой заметки «How to Get the Screen, Window, and Web Page Sizes in JavaScript» автора Dmitri Pavlutin.

Для определения ориентации окна браузера (ландшафтной или портретной) можно сравнить его ширину и высоту.

Однако во всевозможных доступных размерах легко запутаться: существуют размеры экрана, окна, веб-страницы и т.д.

Что означают эти размеры и, главное, как их получить? Именно об этом я и собираюсь рассказать.

1. Экран

1.1. Размер экрана

Размер экрана — это ширина и высота всего экрана: монитора или мобильного дисплея.

Получить информацию о размере экрана можно с помощью свойства screen объекта window :

1.2. Доступный размер экрана

Доступный размер экрана — это ширина и высота активного экрана без панели инструментов операционной системы.

Для получения доступного размера экрана снова обращаемся к window.screen :

2. Окно

2.1. Размер внешнего окна (или внешний размер окна)

Размер внешнего окна — это ширина и высота текущего окна браузера, включая адресную строку, панель вкладок и другие панели браузера.

Получить информацию о размере внешнего окна можно с помощью свойств outerWidth и outerHeight объекта window :

2.2. Внутренний размер окна (или размер внутреннего окна)

Внутренний размер окна — это ширина и высота области просмотра (вьюпорта).

Объект window предоставляет свойства innerWidth и innerHeight :

Если мы хотим получить внутренний размер окна без полос прокрутки, то делаем следующее:

3. Размер веб-страницы

Размер веб-страницы — это ширина и высота отображаемого содержимого (отрендеренного контента).

Для получения размера веб-страницы используйте следующее (включает в себя внутренние отступы страницы, но не включает границы, внешние отступы и полосы прокрутки):

Если pageHeight больше, чем внутренняя высота окна, значит, присутствует вертикальная полоса прокрутки.

4. Заключение

Надеюсь, теперь Вы понимаете, как получать различные размеры.

Размер экрана — это размер монитора (или дисплея), а доступный размер экрана — это размер экрана без панелей инструментов ОС.

Внешний размер окна — это размер активного окна браузера (включая поисковую строку, панель вкладок, открытые боковые панели и проч.), а внутренний размер окна — это размер области просмотра.

Самый простой способ понять значение термина размер TCP окна (TCP Window Size), это представить разговор двух человек. Один человек говорит, а второй кивает головой или говорит да, тем самым подтверждая, что он понял, а по сути, получил все слова, которые ему были сказаны. После этого разговор продолжается. Если мы встречаем особо говорливого человека, то наша голова быстро загружается, и мы начинаем терять нить разговора или переспрашивать нашего собеседника. Тоже самое происходит и в Матрице - в мире цифр и машин.

Размер TCP окна (TCP Window Size) – количество октетов (начиная с номера подтверждения), которое принимающая сторона готова принять в настоящий момент без подтверждения. На стадии установления соединения рабочая станция и сервер обмениваются значениями максимального размера TCP окна (TCP Window Size), которые присутствуют в пакете и эти значения можно легко увидеть, воспользовавшись захватом трафика.

В зависимости от состояния каналов связи, размер окна может быть больше или меньше. Каналы связи могут быть высокоскоростными (большая пропускная способность) и протяженными (большая задержка и возможно потери), поэтому при небольшом размере TCP окна мы будем вынуждены отправлять один или несколько фреймов и ждать подтверждения от получателя, затем процесс повторяется. Таким образом, наши приложения будут неэффективно использовать доступную полосу пропускания. Пакетов будет много, но реального полезного трафика будет передано не много. Чтобы получить максимальную пропускную способность, необходимо использовать оптимально установленный размер передающего и принимающего окна для канала, который вы используете.

Для расчёта максимального размера окна (т.е. максимальный объем данных, которые могут передаваться одним пользователем другому в канале связи) рассчитывается по формуле:

Полоса пропускания (бит/сек) * RTT (круговое время передачи по сети) = размер окна в битах

Таким образом, если ваши два офиса соединяет канал связи в 10 Мбит/сек и круговое время составляет 85 миллисекунд, то воспользовавшись данной формулой, мы получим значение окна равное:

10 000 000 * 0,085 / 8 = 106250 байт

Размер поля Window в заголовке TCP составляет 16 бит; это означает, что узел TCP может указать максимальный размер TCP окна 65535 байт. Таким образом, максимальная пропускная способность составляет:

65535 * 8 / 0,085 = 6,2 Мбит/сек

т.е. чуть больше 50% от реально доступной полосы пропускания канала.

В современных версиях операционных систем можно увеличить размер окна TCP Window Size и включить динамическое изменение окна в зависимости от состояния канала связи. В предложении RFC 1323 дано определение масштабирования окон, позволяющего получателю указывать размер окна больше 65535 байт, что позволит применять большие размеры окон и высокоскоростные каналы передачи. Параметр TCP Window Scale указывает коэффициент масштабирования окна, который в сочетании с 16-битным полем Window в заголовке TCP может увеличивать размер окна приема до максимального значения, составляющего примерно 1 ГБ. Параметр Window Scale отправляется только в сегментах синхронизации (SYN) при установке соединения. На нашем скриншоте из WireShark он составляет 256. Устройства, общающиеся друг с другом, могут указывать разные коэффициенты масштабирования для TCP окон.

Таким образом, активировав масштабирование окон TCP и уменьшив круговое время передачи по сети, мы сможем повысить эффективность использования доступной полосы пропускания и как следствие скорость работы приложений. А проверить это можно захватив пакеты, и посмотреть о каких значениях размера окна и коэффициенте масштабирования договорились устройства в момент установки соединения. Это динамическое увеличение и уменьшение размера окна является непрерывным процессом в TCP и определяет оптимальный размер окна для каждого сеанса. В очень эффективных сетях размеры окна могут стать очень большими, потому что данные не теряются. В сетях, где сетевая инфраструктура перегружена, размер окна, вероятно, останется маленьким.

Полоса пропускания (бит/сек) * RTT (круговое время передачи по сети) = размер окна в битах

10 000 000 * 0,085 / 8 = 106250 байт

65535 * 8 / 0,085 = 6,2 Мбит/сек

т.е. чуть больше 50% от реально доступной полосы пропускания канала.

Времена изменились и разработка интерфейса зачастую делается фреймворками основанными на JS.

Где может пригодиться?

За всех не скажу, но определение размеров экрана или окна браузера, лично для меня, пригождается при внедрении в CMS всевозможных галерей, слайдеров и т.д.

На JS

Определение ширины или высоты монитора

Это самый простой способ, которые работает во всех браузерах и на всех устройствах. Если у Вас не подключено никаких сторонних библиотек, которые помогли бы сделать тоже самое, то этот вариант единственный.

Все же остается вероятность того, что пользователь собственноручно отключить обработку JS в браузере. В современном мире шансы равны 0,00001%.

В JS, чтобы определить размеры экрана, нужно использовать:

Ниже я привел работающий пример как можно узнать размеры экрана на JS:

Определение ширины и высоты окна браузера

Если нужно позиционировать любые элементы на странице, то более правильным решением будет использовать не размеры экрана, а размеры окна браузера. В JS это делается так:

Соответственно вот пример использования:

На jQuery

Если У Вас уже есть подключенная библиотека jQuery, то можно узнать размеры окна с помощью нее. Хоть уже jQuery и старичок, от которого все пытаются избавиться, его нередко можно встретить даже в современных CMS системах.

Определение размеров монитора на jQuery

Определить размер монитора на jQuery у меня не получилось. Если у Вас есть готовое решение, то просьба написать в комментариях.

Для определения ширины или высоты окна браузера

Чтобы задействовать для нашей задачи jQuery, необходимо использовать код: