Как сделать так, чтобы веб-страница отображалась только один раз?

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

По сути, новый пользователь должен увидеть «Целевая страница», а вернувшийся пользователь должен быть перенаправлен на «Веб-платформу».

Я бы предпочел сделать это, используя прямой javascript в моем файле index.html, если это возможно. Я предполагаю, что LocalStorage может помочь здесь. Но я искренне открыт для любого решения. Спасибо.

Да, просто установите флаг localStorage... Вы сами еще ничего не пробовали? Пожалуйста, опубликуйте код, который вы пробовали, но он не работает.

CertainPerformance 21.01.2019 07:28

Возможный дубликат Отображение Bootstrap Modal при первой загрузке страницы

smilyface 21.01.2019 07:31

Между тем, простое сомнение. После того, как вы исправите эту проблему с помощью localStorage, думаете ли вы, что произойдет, если пользователь (который регулярно использует ваш веб-сайт и перенаправляет на другую страницу, как вы упомянули) использует другой браузер? В новом браузере он получит первую страницу и не будет перенаправлять. Это ожидается? То же самое произойдет, когда он очистит localStorage/Cache.

smilyface 21.01.2019 07:37

@smilyface да, это ожидаемо.

Drumil Patel 22.01.2019 05:02
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
3
4
1 492
1

Ответы 1

Простой — добавьте следующий код на целевую страницу:

if (localStorage.getItem("visited")) {
    window.location.href = "webPlatform.html";
}
localStorage.setItem("visited", "true");

Это проверяет, существует ли переменная localStorage — если она существует, пользователь перенаправляется, если нет — переменная устанавливается.

Привет, Джек, спасибо за код. Я заменю webPatform.html URL-адресом, поскольку пользователя необходимо перенаправить в веб-приложение Angular. Я сообщу вам об обновлении, как только оно заработает.

Drumil Patel 22.01.2019 05:04

Другие вопросы по теме