Правильный (и наименее раздражающий) способ изменить размер окна браузера

Question

Я работаю над проектом, в котором мне нужно изменить размер небольшого всплывающего окна (которое является окном чата размером примерно 500x400 пикселей), чтобы оно было больше, чтобы в определенных обстоятельствах содержать другой тип контента.Каков наилучший способ изменить размер маленького всплывающего окна, чтобы оно было больше?Лучше всего просто использовать:

window.resizeTo(width,height);

Я искал способ сделать jQuery, но не видел ни одного.Я надеялся, что есть способ плавно изменить размер окна, но я не вижу никакого способа.Я что-то пропустил?Единственный другой вариант, который я вижу, - это всплывающее новое всплывающее окно из старого, которое кажется мне еще хуже.

Пожалуйста, не отвечайте "не изменяйте размерокно "- потому что я знаю, что это отстой и вообще плохой пользовательский опыт.Тем не менее, я работаю фрилансером в компании, которая работает в рамках устаревшей системы, которая действительно не обновлялась в течение десятилетия, и это пока кажется наименее плохим вариантом.

Answer 1

Функции .height () и .width () jQuery должны быть в состоянии справиться с этим, выполнив, например:

$(window).height(400);

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

$(window).height($('#yourcontent').height());

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

Кстати, это ужасная вещь, которую вы делаете, как вы сказали, но я уже был в такой ситуации, поэтому могу рассказать: - / Иногда «следующий шаг в эволюции» все ещедействительно очень далеко от нынешнего мира.Надеюсь, что эти менеджеры поймут ключ и вместо того, чтобы тратить доллары на поддержку устаревших вещей, рассмотрит возможность инвестирования в более современные и гибкие методы.Они могут быть удивлены тем, что реальные затраты (увеличение производительности пользователей, ускорение циклов разработки / улучшения, снижение совокупной стоимости владения) на самом деле очень близки к простому обслуживанию.

Answer 2

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

При этом единственный безопасный способ - открыть окно с новым желаемым размером.

Answer 3

Должно ли быть новое окно браузера?Вы можете создать новый div поверх вашего документа, используя jQuery UI .