Вход на сайт

Вы здесь

9. Кнопка «Размеры»

Если вы хотите узнать, как тот или иной сайт выглядит на разных экранах — пользуйтесь панелью Web Developer и ее функцией «Размеры».

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

Web Developer, кнопка «Размеры» в развернутом виде

Хотя, насчет того чтобы «управлять» — я малость приврал. Ибо первые две опции ничего не изменяют, а только лишь дают сведения. Команда «Показать размер окна» выводит на экран следующий алерт:

Показ размера окна

А если же вам не нравится этот алерт — то можете посмотреть тот же размер окна в заголовке, выбрав команду № 2. Вот что при этом происходит, например, с заголовком окна вкладки с открытым Яндексом:

Показ размер окна в заголовке браузера

Если вас эти цифры не устроили, то можете поменять, с помощью следующей команды установив другой размер окна:

Установка размеров окна

Для того, чтобы каждый раз не вводить эти цифры, для стандартных размеров окон их можно установить, выбрав опцию «Редактировать разрешения». В результате вы попадете в одно из окон настроек, где, нажав на кнопку «добавить», сможете установить любой разумный размер:

Добавление нового размера окна

Нажав на O.K. в обоих окнах — можем полюбоваться новым размером, который мы можем быстро вызвать из меню. Это — в добавление к уже установленному там размеру 800×600:

Новый размер окна в меню

Последняя команда не изменяет размер окна, но изменяет разрешение в окне уже имеющемся. В результате этих действий тот же Яндекс может выглядеть вот так:

Окно увеличенного разрешения

А может и вот так:

Окно уменьшенного разрешения

Одним словом, если вы хотите узнать, как тот или иной сайт выглядит на разных экранах — пользуйтесь панелью Web Developer и ее функцией «Размеры».

Предметный указатель: