Перейти к содержимому

Как изменить ширину окна браузера

  • автор:

Курсы javascript

Здравствуйте!
я только начинаю изучать язык javascript по этому ногами не бейте за дурацкий вопрос:
пере до мной стоит задача при нажатии на ссылку изменить размер окна до заданных размеров.
Пишу такие строки:

При этом вместо установки размеров окна браузера равным 300*300 у меня окно увеличивается на 300 px в ширину и на столько же в высоту:eek:
знаю что в браузере ie данная функция работать не будет пробую её на Firefox 3.
Подскажите что я делаю не так?

08.08.2008, 10:37
Новичок на форуме
Регистрация: 19.02.2008
Сообщений: 9,177

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

08.08.2008, 10:55
Регистрация: 06.05.2008
Сообщений: 765
А почему просто не присвоить window.outerWidth = windowWidth?
08.08.2008, 11:00
Новичок на форуме
Регистрация: 08.08.2008
Сообщений: 4

Очень содержательный ответ!
Если Вы не знаете что ответить — лучше промолчать. иначе складывается мнение о том что у Вас стоит звание профессора заработано Вами исключительно за героические подвиги в качестве проф флудера.

Можете меня забанить.

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

Но в данный момент передо мной стоит специфическая задача имеющая перед собой совершенно конкректную цель: уменьшить ширину браузера на 200px а в оставшееся расстояние вставить новое узкое окно. в котором будет находиться чат локальной сети. при закрытии окна чата браузер должен восстановить прежние размеры.

08.08.2008, 11:06
Новичок на форуме
Регистрация: 08.08.2008
Сообщений: 4

Потому что я ещё ОЧЕНЬ слабо понимаю javascript
Спасибо огромное за ответ! Оказалось Вы совершенно правы: гениальное всегда просто!

Размер окна браузера

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

Под какое разрешение делать сайт?
Как рассчитать ширину сайта для того, чтоб не появлялся горизонтальный скроллинг?

  • Разрешение — это соотношение экранной ширины и высоты в пикселях (например, 1920 x 1080 пикселей).
  • Физический размер экрана — это его диагональ в дюймах (например, 24 дюйма).
  • Размер окна браузера — это ширина и высота области просмотра в пикселях. Это разрешение за вычетом рамок, полос прокрутки и других элементов, уменьшающих видимую область сайта. Размер окна браузера пользователь может менять, поэтому дизайнеры обычно задают контентную область и боковые отступы.

Пользователь может просматривать сайты на различных устройствах. Ниже приведена статистика устройств просмотра сайтов Яндекс.Метрика на январь 2021 год.

Типы устройств просмотра сайтов

Яндекс-Метрика

Статистика Яндекс.Метрика

Разрешение экрана:
Разрешение окна клиента:

Размеры окон экрана монитора и браузера указаны в пикселях (px).

Распространенные мониторы

Различные размеры окон браузера

Что означают размеры окон монитора и браузера?

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

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

окно браузера

Размер экрана
Доступный размер экрана
Внешнее окно браузера
Окно прсмотра

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

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

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

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

Размеры экранов для адаптивной верстки

  • 320px (20em),
  • 640px (40em),
  • 960px (60em),
  • 1024px (64em)
  • 1280px (80em),
  • 1920px (120em).

Как узнать ширину окна браузера?

Фотография

Каким инструментом лучше пользоваться, чтобы определить/задать ширину экрана браузера?

Ситуация: нужно посмотреть, как выглядит страница при ширине экрана 1024 px (вместе с прокруткой)

  1. Установила Window Resizer из магазина Хрома. Задаю значение 1024х768
  2. Но если зайти на http://myresolutionis.ru , где можно посмотреть онлайн текущее разрешение экрана браузера в пикселях, то там указываются значения 1007×768.
  3. На http://whatsmy.browsersize.com/ тоже можно посмотреть ширину онлайн, и там в большинстве случаев результаты совпадают с тем, что я выбираю в Window Resizer. Но в ряде случаев не совпадают. Так, заданное 1280 там показывается как 1270

Правильно я понимаю, что использование Window Resizer + контроль на whatsmy.browsersize.com позволит мне точно контролировать ширину браузера?

Или вообще есть какие-то более элементарные пути? Простите, туплю (

PS Да, я искала обсуждение аналогичного вопроса на форуме и не нашла

Как убрать ограничение на минимальный размер окна?

Допустим, я открываю новую вкладку. Я пытаюсь уменьшить размер окна до определённых значений, но в один момент он останавливается. Окно любой программы можно уменьшить до размера «квадратика», а браузер Chrome не дает возможности сделать окно еще уже. Как обойти это ограничение?

  • Вопрос задан более года назад
  • 384 просмотра

Комментировать
Решения вопроса 0
Ответы на вопрос 1

В хроме можно открыть панель панель разработчика (нажать F12). Затем показать панель инструментов устройства (Ctrl + Shift + M). В режиме «отзывчивое устройство» можно уменьшать ширину окна на столько на сколько нужно.

Ответ написан более года назад
Qeinzo @Qeinzo Автор вопроса

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

Qeinzo, нашёл решение?
Qeinzo @Qeinzo Автор вопроса
IBim, нет, не нашел.
Ваш ответ на вопрос

Войдите, чтобы написать ответ

google-chrome

  • Google Chrome

Python — selenium (авторизация с профилем Google)?

  • 1 подписчик
  • 3 часа назад
  • 15 просмотров

javascript

  • JavaScript
  • +1 ещё

Какие примеры фоновых расширений существуют?

  • 1 подписчик
  • 18 часов назад
  • 61 просмотр

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *