При дублировании вкладки в Chrome старые данные?

Question

Антон В. @ivinnic

Full-Stack - подустал

При дублировании вкладки в Chrome старые данные?

Добрый день!

Есть SPA, когда сайт открывается загружаются данные (Состояние 1), в дальнейшем при взаимодействии с сайтом данные в переменных и на сервере меняются (Состояние 2).
Когда дублирую вкладку, на странице все данные как в Состоянии 1. и запросы на сервер не выполняются что бы получить обновленные данные.

Что нужно сделать что бы при дублировании бралось либо текущее состояние или был фреш старт...

Буду очень благодарен за любую информацию, так как в гугле по ключевым словам не получилось найти.

Всем хорошего настроения!

Вопрос задан более трёх лет назад
121 просмотр

Комментировать

Подписаться 1 Сложный Комментировать

Пригласить эксперта

Ответы на вопрос 1

3 комментария

Антон В. @ivinnic Автор вопроса

Как словить событие что сейчас страница была продублирована? И тогда уже сделать Location.reload()

Написано более трёх лет назад
Шохрух Шаймардонов @joeberetta Куратор тега JavaScript

Антон В., никак (точнее средствами js, в связи с политикой безопасности браузеров)

Написано более трёх лет назад

fixeri @fixeri

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<button id="btn">CLICK ME!</button>
	<script type="text/javascript">
		"use strict";

		window.addEventListener("storage", event => {
			if (event.key !== "goReload") return;
			window.location.reload();
		});

		document.getElementById("btn").addEventListener("click", () => {
			localStorage.setItem("goReload", localStorage.getItem("goReload") + "1");
		});
	</script>
</body>
</html>

Написано более трёх лет назад

Ваш ответ на вопрос

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

Войти через центр авторизации

Похожие вопросы

JavaScript

+2 ещё

Средний
Как отсортировать в ХТМЛ по дате рождения от младшего к старшему, а так же, нумерацию их 1,2,3,4. Чтобы можно было потом добавить еще людей?
- 1 подписчик
- 3 часа назад
- 28 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Почему шрифт в JS prompt() белого цвета?
- 1 подписчик
- 6 часов назад
- 39 просмотров
2

ответа
JavaScript

Простой
Выдает ошибку, сам файл не нулл(а ошибка выдается там где подключается жс), как исправить?
- 1 подписчик
- 8 часов назад
- 43 просмотра
0

ответов
JavaScript

+2 ещё

Простой
Пустая страница, ошибок нет. JS. В чем проблема?
- 1 подписчик
- 8 часов назад
- 152 просмотра
1

ответ
JavaScript

Простой
Какой фреймворк использовать для форм JS?
- 1 подписчик
- 8 часов назад
- 50 просмотров
0

ответов
JavaScript

Простой
Почему change срабатывает раньше чем click?
- 1 подписчик
- 8 часов назад
- 61 просмотр
1

ответ
Google Chrome

Средний
Сместились фавиконки в заголовках вкладок гугл хром, как вернуть обратно?
- 3 подписчика
- 14 часов назад
- 560 просмотров
2

ответа
JavaScript

Простой
Как получить metadata аудио на IOS?
- 1 подписчик
- 14 часов назад
- 21 просмотр
0

ответов
JavaScript

+2 ещё

Простой
Как отобразить массив из элементов?
- 1 подписчик
- вчера
- 99 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Неизвестные скрипты на сайте (plupload и moxie). Для чего?
- 1 подписчик
- вчера
- 116 просмотров
1

ответ
Показать ещё Загружается…

JavaScript разработчик

summer • Ярославль

от 100 000 до 140 000 ₽

Junior JavaScript Developer

КРАФТТЕК • Санкт-Петербург

от 60 000 до 80 000 ₽

JavaScript разработчик

вАйТи

от 5 000 до 25 000 ₽

Дописать функцию на Flutter, работа с yandex map kit

20 апр. 2024, в 04:18

3000 руб./за проект

Английская версия для сайта на WordPress

20 апр. 2024, в 03:34

8000 руб./за проект

Доработать клиентское приложение для GTA 5 на C#

20 апр. 2024, в 00:51

1000 руб./за проект

Answer 1 · 2020-01-28 00:19:32

Если хотите чтобы во всех вкладках обновлялась инфа из сервера, по мере изменения данных (в сервере), то копайте в сторону websocket.

З.ы. а если не хотите всю архитектуру переписывать, то просто старый добрый костыль: Location.reload()
Через setTimeout()

При дублировании вкладки в Chrome старые данные?

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

Минуточку внимания

Войдите на сайт