Сделал простенький сайт.
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Шапка</title>
<!-- Scripts -->
<!-- Движки -->
<script src="engine/jquery-3.7.1.min.js"></script>
<!-- Кастомный функционал -->
<script src="index.js"></script>
</head>
<body>
<h1>Заголовок</h1>
Текст без тегов
<div id="div-item"> </div>
<script>
doAnything();
</script>
</body>
</html>
И JS файл, соответственно:
function doAnything()
{
const width = window.innerWidth;
const height = window.innerHeight;
$('#div-item').text(`${width} + ${height}`);
}
Тестирую всё у себя на локальном сервере. Если всё норм, заливаю на хостинг. Проверяю на браузере ПК (mozilla). Потом на браузере смартфона (mozilla).
Затем меняю текст в теле html. Всё повторяю. Итог - норм: всё изменилось в соответствии с ожиданиями.
Затем меняю функцию в скрипте. Ну допустим вот так:
$('#div-item').text(`${width} + ${height}`);
меняю на
$('#div-item').text('qwerty');
И всё везде меняется, кроме браузера смартфона. Там изменения вступают в силу, только если очистить кэш.
Вопрос: с чем это связано, и как добиться изменений без необходимости чистить кэш?
