Как обновить страницу в браузере после изменения в js скрипт?

Question

[Алексей Денисов]

После редактирования JS скриптов, браузер (chrome) не видит изменений,
пока не изменишь путь к JS файлу и соответственно не пропишешь его в HTML странице.
Как решить эту проблему?
После удаления файла JS с сервера, HTML страница работает без изменений, Ctrl + F5 не помогает.

Сайт без CMS, только голый HTML + CSS + PHP + MYSQL.

Comments

[accXak]

Специально для вас авторизовался даже. Что имею сказать: ваши курсы айти - говно. Учитесь, пробуйте, развивайтесь. В том самом G имеется куча ответов на ваш банальный вопрос. Уж простите, но, может, вы зря пытаетесь?

[Алексей Денисов]

Что имею сказать: ваши курсы айти - говно.

Я не посещаю НИКАКИЕ курсы IT,
мало того даже пообщаться в живую не с кем,
вот и задаю такие банальные вопросы на форумах.

[Deita]

Алексей Денисов, да тут слишком жёсткая и токсичная модерация простые вопросы не попадают в т.н. бездну по типу башорга, а совсем зачемто удаляются, хотя они не несут по сути никакой большой нагрузки на сервер, т.е. содержат в основном всего лишь текст, так сформировалось тут общество очень токсичных людей у которых надо отобрать кнопку "есть похожий вопрос" и т.п. потому что это дошло до фанатизма и выдавливания джунов паттернами типа "гугл в помощь", "легко гуглится" и т.п. идиотскими ответами считающими что на "идиотский" вопрос нужно сразу же давать "идиотский" ответ, гуглится оно то гуглится, но гуглится оно у всех по разному, сегодня один и тот же запрос на разных девайсах может выглядеть по-разному, во-вторых люди по разному составляют запросы, и т.п. это не курсы **вно а люди. Этот сайт был прикольным когда он назывался тостером, в самом ещё начале, когда вопросы не стирали только потому что большинство твинков так решило или толпа агрессивных буквоедов, тот кто наседел более тысячи часов смотрит на всех как на **вно, но совершенно забывая что на него сейчас те кто постарше смотрят даже не как на **вно, а вообще даже не оценивают, иной раз перед тем как задать какойто вопрос, ой думаешь ну их нафиг связываться, выслушивать про себя какието гадости, или вернуться потом и увидеть что всё вообще удалено или отредактировано не тобой. Могу порекомендовать stackoverflow как альтернативу к которой просто надо привыкнуть, здесь категорически не приветствуются лёгкие вопросы, такую категорию вообще можно выпилить оставив только средний и выше, это не сайт где учатся, это сайт где фрилансеры помогают друг другу по большей части

Answer 1

[MagicMight]

1) Откройте инструменты разработчика и отключите кэширование
2) Если надо, можете добавить к ссылкам на скрипты динамический хвост типа $script_url . '?t=' . time();
3)

// set expires header
header('Expires: Thu, 1 Jan 1970 00:00:00 GMT');

// set cache-control header
header('Cache-Control: no-store, no-cache, must-revalidate, max-age=0');
header('Cache-Control: post-check=0, pre-check=0',false);

// set pragma header
header('Pragma: no-cache');

Prevent Browser Caching for PHP Script

Comments

[Алексей Денисов]

1) Откройте инструменты разработчика и отключите кэширование
2) Если надо, можете добавить к ссылкам на скрипты динамический хвост типа $script_url . '?t=' . time();

Не работает:
1) ни чего не меняется
2) не подгружает JS

[MagicMight]

Алексей Денисов, значит, вы делаете что-то не так.
В любом случае, без обновленных кодов клиента и сервера с этим может разобраться только телепат

[Алексей Денисов]

MagicMight,
1. Поменял файл на сервере (просто добавил console.log('Data of Table:' , data))
2. Перезагрузил страницу Ctrl+F5
3. Открыл Консоль в браузере, далее Источники -> Страница -> file.js (он открывается видимо из кеша) файл Без изменений.
4. Поставил галочку Сеть -> Отключить кеш, все тоже самое - ничего не меняется.

Конечно может что-то не так делаю, но полдня занятий ни к чему не привели,
Помог только способ с rename файла JS.

P.S. Манипуляции с Header правда не пробовал .....

[MagicMight]

Алексей Денисов, самый рабочий из предложенных вариантов (он же ходовая практика) это добавление хвоста времени к урл, как в предложенном мной п.2. Если это не помогло от кеширования, то у вас какой-то совершенно уникальный кейс

[Алексей Денисов]

Добрый вечер еще раз, решил написать.
Сегодня на свежую голову добавил "хвост/параметры в запрос"

<script src="js/code_script.js?time=  <?php echo time(); ?>  </script>

Все работает Отлично, Спасибо всем за советы.

Answer 2

[AUser0]

Можно не менять путь, а в HTML в URL, указывающем на файл скрипта, добавить аргумент типа /script.js?random=2345785904948759438758934882940589394. И после каждого изменения скрипта менять в HTML вот это вот случайное число. Для браузера URL с другим числом - это другой файл, будет скачивать его заново.

Ну а так, HTTP сервер у вас сконфигурирован неправильно, раз при изменении даты файла не видит этого изменения, или не сообщает браузеру об изменении...

Answer 3

[Евгений]

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

Если модуль или асинхронный скрипт, то:

// $script = file_get_contents(...);
?><script type="module"><?=$script;?></script><?

Если обычный скрипт, то без атрибута type.

Answer 4

[Oleg]

В режиме разработки сайта просто обновляй страницу браузера со сбросом кэша (ctrl + f5)

Если страницу надо показать заказчику/работадателю - добавляй гет-параметры к скрипту.
Можно как написали выше таймстемп добавлять, можно ручками писать версию (то, что идет в конце названия скрипта после знака вопроса)
<script src="/assets/js/main.js?v=1.2"></script>

Comments

[Алексей Денисов]

В режиме разработки сайта просто обновляй страницу браузера со сбросом кэша (ctrl + f5)

В первую очередь пробовал, то же самое что просто F5
В консоль разработчика, вкладка Источник видно содержимое JS - без изменений.

[Алексей Денисов]

Можно как написали выше таймстемп добавлять,

Спасибо - Работает.

Answer 5

[makapohmgn]

В Chrome ctrl+r, а не f5

Answer 6

[Алексей Денисов]

В итоге сделал rename() на PHP

При простом обновлении страницы, код PHP рандомно переименовывает JS файл,
и прописывает его имя в теги <script src="xxxxx.js"></script>

Спасибо Всем за Советы

Пока в очереди стоял, пробовал TOR браузер на мобильном - тоже работает,
видимо он не кеширует ничего при загрузке страниц.