Как узнать через JS загружена ли страница из кэша браузера?

Question

[Владимир Муковоз]

Как узнать через JS загружена ли страница из кэша браузера или с сайта. Хочу в зависимости от того как получена страница задать на сайте условие. Подскажите как это сделать?

Comments

[Dave]

https://stackoverflow.com/a/13390644/1208233

[Владимир Муковоз]

Dave: или я не понял сути или это не то.

Answer 1

[Сергей Соколов]

Поиграть со временем. В тело страницы включать значение текущего времени const currentTime = 1501649511661 и в коде сравнивать с текущим системным временем. Различие более, чем на X считать признаком закэшированности страницы.

Возможный косяк с неверной установкой локального времени можно обойти так: пусть, запрашивая страницу, браузер клиента приписывает параметром своё текущее время site.ru/page?mytime=1501649511661

Comments

[Владимир Муковоз]

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

[Сергей Соколов]

Владимир Муковоз: мир несовершенен. А уж JS и подавно ) Сам бы с удовольствием узнал иной способ. В этой ветке на SO обсуждается аналогичный вопрос.

[Владимир Муковоз]

Сергей Соколов: ну ты подписан на вопрос, я думаю мы найдём решение)

[x67]

Владимир Муковоз: решение найдено. Оно вас не устраивает только потому что это не готовая функция is_from_cache()?

[vkdv]

Можно с помощью сервера. Ну правда это лишние запросы и операции на сервере, наверное есть более простое решение на клиенте

[Владимир Муковоз]

vkdv: простите? Как с помощью сервера?? Если страница загрузилась с браузера и не трогала сервер зачем делать какие-то запросы к нему?

[Владимир Муковоз]

x67: всё проще, я вообще не понял о чём там. Поясни если ты понял, как работает проверка на пальцах.

[vkdv]

Владимир Муковоз: чтобы узнать, какие скрипты запрашивал клиент
Ну что-т о типа(Nginx) :
1) Создать массив запросов сатитики (или только js) requestStatuicArray[ip]
2) В локейшен для статики сохранять в массив запросов по ип каждое обращение
3) В локешен для php очищать массив от текущего айпи(или в п 4)
4) В локейшен от определенного url(до п3) передавать в хидере значения массива по ключу текущего айпи. Сам же скрипт просто вернет набор или имена файлов, уверен можно обойтись без скрипта вообще, только средствами NGINX

Если страница не трогала сервер, значит все скрипты из кеша

[Владимир Муковоз]

vkdv: то есть опять выходит что, чтобы мне узнать был ли запрос к серверу нужно его сделать? Что за бред. Я не желаю делать запрос к серверу. Я же в инструментах разработчика вижу когда страница из кэша, чем JS плох? Меня не интересуют подобные костыли я уже писал выше.

[Владимир Муковоз]

vkdv: браузер видит то что оно грузится с кэша и не обращается к серверу. Значит и JS способен это узнать. Костыли мне не нужны.

[vkdv]

"Можно с помощью сервера. Ну правда это лишние запросы и операции на сервере, наверное есть более простое решение на клиенте"
"Владимир Муковоз vkdv: простите? Как с помощью сервера?? Если страница загрузилась с браузера и не трогала сервер зачем делать какие-то запросы к нему?"
"Если страница не трогала сервер, значит все скрипты из кеша "(те что и покажет пустой ответ от запроса к серверу)

С темы по ссылке:
Another way to send header information to JavaScript would be through cookies. The server can extract whatever data it needs from the request headers and send them back inside a Set-Cookie response header — and cookies can be read in JavaScript. As keparo says, though, it's best to do this for just one or two headers, rather than for all of them

Unfortunately, there isn't an API to give you the HTTP response headers for your initial page request

Кажется без костылей или XmlHttpRequest эту проблему не решить. Но решение с установкой "печенек" в nginx возможно самое или одно из самых простыхпомимо решения автора ответа.
То что бразер видит еще ничего не значит, браузер многое может, чего не может js

[x67]

Владимир Муковоз: Если не понял, прочитай еще раз, должно стать чуточку понятнее. Повторять до полного понимания)

[Владимир Муковоз]

vkdv: да вероятно прийдётся читать заголовок data и как-то по нему проверять или вообще отдельный заголовок для этого сделать. Просто я всё надеюсь что есть вариант сделать без этого, а на чистом JS.

[Владимир Муковоз]

x67: если понял поясни, если не хочешь. не выпендривайся.

[marsdenden]

использование времени в урл просто отключает кэширование, поскольку урл каждый раз будет разным

[Владимир Муковоз]

marsdenden: я в курсе этого. И так по сути сейчас и поступаю. Но мне хотелось бы сделать это без такого обходного манёвра.

[marsdenden]

Владимир Муковоз: то есть суть вопроса в том, как стопроцентно объехать кэширование? я перестал с этим заморачиваться и начал использовать jQuery.ajax в его вариантах post&get. Там кэширования нет совсем. Просто грузится некий шаблон, аяксом подгружается контент и по шаблону формируется страничка. Конечный юзер вообще не видит разницы, протестировано ))

[Владимир Муковоз]

marsdenden: вопрос вообще другой был. По сути у меня так же делается. Только причём тут это?