Как в jsp скрыть адресную строку
Перейти к содержимому

Как в jsp скрыть адресную строку

  • автор:

Скрыть адресную строку мобильного браузера

Дано: страница без прокрутки (полноэкранный слайдер) Условия: должны поддерживаться основные браузеры Android и iOS Проблема: на малых экранах мобильных устройств, адресная строка занимает многовато места. Да, и слайдер не презентабельно смотрится. Вопрос: есть ли способ с помощью css или javascript/jQuery скрыть ненависную адресную строку? UPD 20.09.2023: Теперь имеются новые единицы измерения: svh и svw (small viewport height/width), наименьший активный размер вьюпорта; lvh и lvw (large), наибольший активный размер вьюпорта; dvh и dvw (dynamic) — автоматом вписывается во вьюпорт. Поддержка браузерами: https://caniuse.com/viewport-unit-variants

Отслеживать

Constantine Tretyakoff

задан 1 дек 2016 в 23:20

Constantine Tretyakoff Constantine Tretyakoff

457 4 4 серебряных знака 15 15 бронзовых знаков

Как скрыть address bar в браузере на андроиде?

Делаю мини игрушку на js для планшета. Хочу чтобы размер видимой части занимал все пространство, включая address bar, но чтобы прокрутки не было. Другими словами — хочу скрывать адресную строку при загрузке и при повороте экрана.
Делаю так:

//load вызывается при function load() < hideAddressBar(); // 1 //window.addEventListener("orientationchange", function () < // hideAddressBar(); //>); > function hideAddressBar() < if (navigator.userAgent.match(/Android/i) != null) < //window.orientation 0 - 180 - landscape; 90 and -90 portrait document.documentElement.style.height = window.outerHeight + 'px'; setTimeout(window.scrollTo(0, 1), 0); >>

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

addressBarHeight = window.outerHeight - window.innerHeight;

и затем прибавлять ее к текущей высоте страницы, которая вычисляется в зависимости от положения планшета. Вот только как вычислить текущую высоту страницы? Нужно чтобы она была вычислена в соответствии с css файлом:

@media screen and (orientation: portrait) < html, body < height: 100%; /*!important;*/ >> @media screen and (orientation: landscape) < html, body < height: 100%; /*!important;*/ >>
  • Вопрос задан более трёх лет назад
  • 17067 просмотров

1 комментарий

Оценить 1 комментарий

Не удается скрыть адресную строку во всплывающем окне

Author24 — интернет-сервис помощи студентам

Приветствую.
Предо мной есть проблема, связанная с тем, что я не могу при создании всплывающего окна скрыть адресную строку браузера
во всплывающем окне.
Тесть, такой код (приведенный ниже) не обеспечивает скрытия адресной строки ни в IE, ни в Mozilla.

window.open('test.htm', 'location=0, ///other parameters/');

Можно ли сделать это каким-либо другим способом?
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
Ответы с готовыми решениями:

Как отобразить информацию (введенную в форму), в новом окне и во всплывающем окне?
Подскажите пожалуйста, у меня есть форма в нее делаю запись, как сделать так, что бы после введения.

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

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

Открытие поста во всплывающем окне
Здравствуйте. Не знаю куда написать данный вопрос, поэтому заранее извиняюсь если пишу не в той.

Курсы javascript

Здравствуйте!
На мобильных браузерах (например, в Chrome на планшете) при прокрутки длинных страниц вся шапка браузера со строкой адреса уезжает вверх при прокручивании и скрывается. Как я понял браузер делает это сам, т.е. автоматически.
Но у меня на простой тестовой странице, где в специально добавил много записей (чтобы точно нужно было скролить) так не происходит.
Добавлял . Не помогает.
Есть решения самому скрывать JavaScript-ом, но на других сайтах я в исходниках не вижу подобного, а шапка браузера при прокрутки уезжает.
Не могу понять, что у них сделано.

18.07.2014, 13:13
Регистрация: 19.01.2010
Сообщений: 354

Интересный вопрос. Погуглил немного, в большинстве случаев, на форумах отвечают «никак». Нашел вот такой пост: http://davidwalsh.name/hide-address-bar Т.е. нужно просто проскроллить контент, чтобы адрессбар спрятался сам.

18.07.2014, 13:15
Регистрация: 10.07.2008
Сообщений: 3,873
Последний раз редактировалось Octane, 18.07.2014 в 13:22 .
23.07.2014, 16:40
Регистрация: 02.07.2010
Сообщений: 642
Скрыть адресную строку
Раньше адресную строку прятали такой техникой:

window.addEventListener('load', function()< setTimeout(scrollTo, 0, 0, 1); >, false);

Сейчас на последних айфонах с iOS версии 7. это перестало работать.

Также рекомендована такая запись в META:

Лично я убедился, что адресная строка будет железно убираться, если высота контента превышает высоту экрана. Вы писали, что специально вставили много строк и.. ничего. А есть ли вообще вертикальный скроллер? Посмотрите, еще бывает ошибка в том, что блоку (и даже тегу HTML/BODY) задают высоту 100% — тогда строка не скрывается.
Вообще конечно если есть ссылка, то могу посмотреть на своем смартфоне в трех браузерах. Или код покажите.

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

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