Главная Вопросы пользователей Браузеры Определение ширины окна браузера

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

В определенных ситуациях знать ширину окна браузера (т.е. вкладки) «жизненно» необходимо, иначе выполнение поставленной задачи может затрудниться. Это суждение применимо к разработке и дизайну веб сайтов и веб приложений. В этом посте рассмотрим простые способы проверки размера окна браузера.

Google Chrome: Меняем ширину окна

Гугл Хром — самый популярный обозреватель в мире насчитывающий десятки миллионов пользователей. Большое кол-во дополнений, инструкций и руководств включая это. Давайте разберемся как узнать «width» вкладки браузера в пикселях.

  1. Открываем нужную веб страницу, жмем правой кнопкой мыши на белом фоне экрана (где нет веб элементов — меню, рисунков и пр.).
  2. В контекстном меню которое появилось нужно выбрать «Посмотреть код». Не стоит бояться, мы ничего не будим разрабатывать, это обычное название панели инструментов.
  3. Далее откроется панель разработчика. Немного ее подкорректируем и переместим вниз. Так удобно будит с ней работать.

Теперь работаем с двумя способами:

  • Перетягивать границу окна. Нажимаем в правом верхнем углу иконку «Свернуть в окно». Теперь передвигаем мышкой правую или левую границу. При этом, разрешение в пикселях будит отображаться также в верхней части браузера. Очень удобный режим.
  • Перейди в адаптивный режим просмотра страницы. Это специальный режим позволит без труда посмотреть как будит страница (сайт) отображаться с разных мобильных устройств (телефон, планшет). В этом режиме также есть встроенные профили. Можете попробовать каждый.
  • Задать нужную ширину вручную. Можно прямо вписать сколько пикселей и сделать как должно быть по ширине (высоту тоже можно указать) окна (вкладки).

Яндекс Браузер: Как узнать размер окна

Яндекс.Браузер — пожалуй самый популярный браузер отечественного производства. У него также есть возможность определить (и конечно настроить) размер веб сайта. Делается это аналогично Хрому.

  1. Открываем панель разработчика. Кликаем правой кнопкой на пустой области страницы (где нет текста, картинок и пр) и выбираем самый нижний пункт открывшегося контекстного меню.
  2. Замеряем расширение. Либо переходим в мобильный режим (слева внизу иконка мобильника), либо тянем за границу и смотрим (таким образом определяем) текущую ширину.

Другие браузеры

В остальных браузерах можно получить ширину (измерить) аналогичным способом. Например вы пользуйтесь Оперой или Мазила Фаерфокс — также кликаем правой кнопкой мыши, выбираем самый нижний пункт (смотреть код или что-то подобное). Теперь размер в пикселях будет показываться в верхнем правом углу при перетягивании границы.

Онлайн сервисы

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

Сохрани себе на стену!
5 1 голос
Рейтинг статьи
Подписаться
Уведомить о
guest
3 комментариев
Старые
Новые Популярные
Межтекстовые Отзывы
Посмотреть все комментарии
Иван
Иван
1 год назад

СПАСИБО огромное 👍👍👍 очень сильно помогли!

Алексей
Алексей
9 месяцев назад

Супер, всё по делу