написание условия для кнопки, возвращающейся в историю браузера - PullRequest
Новая
       10

написание условия для кнопки, возвращающейся в историю браузера

0 голосов
/ 03 ноября 2018

У меня есть модал с ограничением по возрасту, и когда пользователь нажимает «нет», он возвращает страницу своей истории, но что, если пользователь зашел на веб-страницу на новой вкладке? У них нет истории? Может ли кнопка перенести их на определенный URL-адрес? Главная страница браузера по умолчанию? Закрыть вкладку?

Это то, что у меня сейчас есть:

<a onClick="goBack()">Go Back</a>

<script>
    function goBack() {
      window.history.back();
      return false;
    }
</script>

С точки зрения UX, из трех приведенных мною сценариев, я имею в виду, я не уверен, что лучше, но я открыт для всего, что наиболее чисто для достижения.

Ответы [ 2 ]

0 голосов
/ 03 ноября 2018

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

Итак, что является идеальным решением ??

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

Таким образом, в следующий раз, когда пользователь попытается войти на вашу страницу, он больше не будет видеть модальные данные, только безопасную информацию в Интернете. Я считаю, что это правильное навигационное решение. Пользователь должен решить, хочет ли он (она) закрыть вкладку или нет, вернуться к истории или нет и т. Д.

0 голосов
/ 03 ноября 2018

Если у вас есть определенная страница, на которую вы хотите вернуться, вы можете использовать location.replace или location.assign. Выглядит так: 

window.location.replace("https://mywebsite.com"); // does not create a point in Browser History

window.location.assign("https://mywebsite.com"); // creates a point in Browser History

Как правило, это считается наилучшей практикой, если ваша домашняя страница также не соответствует возрасту, тогда вы, вероятно, захотите создать определенную страницу "Good By".

...