Css — Не обновляются css, php, js-файлы


Принудительное обновление html страницы

Может кто подскажет, требуется максимально простое решение.
Безо всяких там трехэтажных скриптов и ajax.
Есть html страница (именно html), надо чтобы она принудительно обновилась.
Первое, что приходит в голову — метатег рефрэш, но там либо через определенный интервал задается обновление,
либо на конкр. адрес, но опять же через определенный интервал.
То есть рефреш отрабатывает циклически.
А вот как сделать, чтобы только 1 раз перезагрузка была?
Грубо говоря — загрузил страницу, она сразу обновилась (т.е. нужен аналог f5).

Ну а если короче, то я вношу обновления на html страницу, а посетители этой странички изменений не видят, т.к. страница закэшировалась (((
Подскажите, пжлст!
Спасибо заранее!

Css — Не обновляются css, php, js-файлы

Довольно часто бывают случаи когда необходимо внести правки в css и html уже запущенного сайта. И не редко это заканчивается тем, что у Вас всё хорошо, заказчик заходит и видит сайт как после войны. Блоки залезают друг на друга, цвета вообще не понятно какие.

Вы рекомендуете ему обновить страницу с помощью ctrl+F5 и у него всё сразу хорошо, дальше приходится объяснять, что это из-за того, что он заходил раньше на этот сайт, браузер запомнил css, вы обновили и html и css, но браузер загрузил только новый html.

Объясняете, что все посетители из директа скорее всего впервые на сайте и у них сразу всё красиво и не надо жать ctrl+F5. Но можно ли было избежать всех этих разговоров, конечно можно.

1. Другой файл css
Логика работы браузера простая, если он видит, что нужно скачать css который он уже скачивал, то делать он этого не будет. Но если мы пререименуем файл, то он его скачает и будет использовать.
В этом методе есть ряд недостатков, а именно, если у нас не одна страница или шаблон, то переименовывать нужно везде, есть вариант интереснее.

2. GET запрос в конце файла
Пишем путь к файлу css таким образом «styles.css?v=2»
По сути мы добавляем GET запрос в адресе, это никак не влияет на то, что отдает сервер, но для браузера это новый путь, по которому он обязатено пройдет.

Есть ещё варианты с заголовкоми HTTP Last-Modified и HTTP Cache-Control, но самым удачным я считаю всё же GET запрос

PHP файл в Codeigniter не обновляет CSS и JS изменения

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

PD: Я использую самозагрузки и все мои скрипты находятся в конце тела тега

Попробуйте очистить кэш браузера.

Попробуйте открыть свой проект в другом браузере.

Попробуйте очистить кэш CodeIgniter (если активирован).

Делитесь основные шаблоны (как вы строите раздел HEAD, к примеру)

Цукерберг рекомендует:  Html - Верстка HTML - писем

Поместите метки времени в конце ваших основных .css файлов или файлов .js, как:

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

файл css не обновляется в моем браузере

Im сталкивается с этой проблемой в течение нескольких недель. Я не знаю, почему, если я делаю какие-либо изменения в моем файле css, он не отображается.Не отображается ни в одном браузере.Пожалуйста, скажите мне, как это решить.

12 ответов

на недели? Попробуйте открыть саму таблицу стилей (введя ее адрес в адресную строку браузера) и нажмите Ф5 . Если он все еще не обновляется, ваша проблема заключается в другом.

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

в большинстве браузеров Windows и Linux: удерживайте Ctrl и нажмите F5.

В Apple Safari: Удерживая клавишу ⇧ Shift, нажмите кнопку Перезагрузить панель инструментов.

в Chrome и Firefox для Mac: Удерживайте ⌘ КМД+ шифт⇧ и нажмите клавишу R.

хороший способ заставить ваш CSS перезагрузить:

а затем просто увеличьте номер версии при изменении CSS. Браузер будет подчиняться. Я считаю, что StackOverflow использует эту технику.

Я всегда использую Ctrl + Shift + Ф5 по привычке он должен заставить полное обновление, включая обход любых HTTP-прокси, через которые вы можете проходить.

Do Shift + Ф5 в Windows. Кэш действительно расстраивает в таких вещах


У меня была эта проблема, я чесал голову большую часть двух дней.

оказывается, я совершенно забыл, что у меня была настройка CloudFlare в домене, на котором я тестировал.

CloudFlare кэширует ваш JavaScript и CSS. Включен режим разработки и БАМ!

серьезно. целых два дня.

имея эту проблему, прежде чем я узнал свое собственное ленивое решение (на основе предложений других людей). Это должно быть полезно, если ваш содержимое проходит через интерпретатор php.

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

EDIT: как предложено в комментариях, filemtime() на самом деле лучшее решение, если ваши файлы правильно обновили время изменения (I, сам испытал подобные проблемы в прошлом, при работе с удаленными файлами):

вы пытались переименовать новую версию вашего CSS в CSSv2.css, а затем направить вашу страницу, чтобы использовать это? Если это решает проблему устаревшего файла, то вы просто испытываете не обновляющиеся файлы. Если нет, у тебя проблемы посерьезнее.

похоже, что ваш браузер кэширует ваш css. Если вы используете Firefox, попробуйте загрузить страницу с помощью Shift -перезагрузить.

это локальный пользовательский файл CSS? Это ваш сайт? Может, тебе стоит очистить свой тайник.

также последнее объявление CSS имеет приоритет.

Если вы используете ASP.NET веб-формы, убедитесь, что вы используете правильную тему:

Я просто потратил около часа, пытаясь решить эту проблему.

Я столкнулся с той же проблемой. Переименование файла сработало для меня.

Файл CSS не обновляется

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

3 ответа

Попробуйте добавить временную метку / версию к вашему css.

Вы также можете использовать функцию PHP filemtime() , это возвращает последнее отредактированное время.

Пример небольшой функции:

Тогда вы должны это сделать в HTML:

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

  1. Попробуйте повторно обновить страницу, нажав
Цукерберг рекомендует:  Галерея в виде стопки фотографий

Или вы можете использовать любой живой обновитель (по умолчанию в скобках). Это позволяет вам обновлять страницу в режиме реального времени.

И в-третьих, если вы используете Chrome / Mozilla, переходите к его инструментам разработки и находите возможность жесткой перезагрузки и проверки Это. Затем на вашей странице щелкните правой кнопкой мыши и щелкните элемент проверки. Это позволит вам постоянно обновлять страницу, если ваш инструмент разработчика активен.

Принудительное обновление JavaScript и CSS у пользователя

Всем привет!!
Разираюсь с nginx и включил кеширование статичных файлов, ну там скриптов, CSS, картинок и т.д на стороне пользовательского браузера. Так вот, когда я меняю что-то в CSS или javascript, то изменения не применяются пока не нажать последовательно CTRL+R CTRL+F5. Только тогда браузер скачивает новые скрипты и стили. Ладно я могу так сделать пока тестирую и разрабатываю сайт, но пользователь же так не будет делать, да и возможно не знает о таком. Как можно заставить пользовательский браузер обновить эти файлы, когда включено кеширование?

Рекомендуем хостинг TIMEWEB

Подписчики


  • 1178
  • 0
  • Евгений Легоцкой
  • #
  • 12 апреля 2020 г. 12:54
  • Ответ был помечен как решение.

Чтобы обновить javascript или CSS файлы, необходимо, чтобы url этих файлов немного отличался. Но для этого вовсе не обязательно менять имя самого файла. Можно просто добавлять в url знак вопроса и число. Тогда браузер при скачивании страницы обнаружит, отличающийся url и загрузит обновлённый скрипт заново. В HTML коде это будет выглядеть так:

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

Кто-то ещё делает автоматический расчёт контрольной суммы и добавляет её вместо вручную введённой цифры. Расчёт делается сервером, но это только добавит нагрузку на мой взгляд, которая не имеет смысла. Скриптов всё равно может быть не так уж и много, что можно вручную поменять пару циферок. Во всяком случае на небольшом ресурсе это можно сделать и вручную, а на крупном проекте новые обновления не так часто выкатываются, что можно также поменять пару циферок.

Обновление стилей CSS без перезагрузки страницы — Reload CSS

Часто так бывает, что внося изменения в стили CSS, верстальщик постоянно обновляет страницу. Порою это сильно раздражает, особенно когда внесли изменения в HTML с помощью FireBug-а или инструментов разработчика в других браузерах.

В итоге с коллегой JS программистом Игорем Демьяновым написали скрипт, который перезагружает с сервера файлы стилей без перезагрузки страницы, так называемый Reload CSS.

Чтобы включить обновление стилей CSS у вас на сайте без перезагрузки, требуется сделать 3 простых шага.

1. Подключить JS следующим кодом:

2. В HTML код вставляем ссылку, в любое место. Лучше в начала или в конец:

3. Описываем стили. У меня лично такие, а там уже кто как хочет оформляет кнопку Reload CSS по своему:

Автоматическое обновление страницы браузера на HTML, PHP и JavaScript

2015-04-15 / Вр:11:45 / просмотров: 46999

В сегодняшней статье я расскажу, как сделать автоматическое обновление страницы браузера на HTML, PHP и JavaScript.
Посчитал, что эта статья будет для вас полезной, так как недавно я разрабатывал один скрипт на php, где автоматическое обновление страницы браузера было просто необходимо. Я думаю, вы разберетесь, для чего вам нужна эта фишка с автоматическим обновлением браузера.

Теперь переходим к самому коду.

Автоматическое обновление страницы браузера на HTML

Чтобы автоматически обновлялась страница в браузере, на HTML страницах используют специальный мета-тег:

15 – это число, обозначающее время, через которое должна автоматически обновиться веб-страница (в секундах). Можете попробовать задать свое время, только в секундах.

Полный готовый код:


В результате, веб-страничка автоматически обновится через 15 секунд.

Автоматическое обновление страницы браузера на PHP

Чтобы автоматически обновлялась страница в браузере, на PHP страницах используют вот такой код:

15 – это секунды, через которые должна обновиться веб-страница. Я этот код устанавливаю в самом верху перед началом открытия html документа.

Полный готовый код:

В результате, веб-страничка автоматически обновится через 15 секунд.

Автоматическое обновление страницы браузера на JavaScript

Чтобы автоматически обновлялась страница в браузере, на JavaScript есть вот такой скрипт:

15000 – это миллисекунды, через которые должна обновиться веб-страница. Еще раз обращаю ваше внимание на время в миллисекундах, а не в секундах.

К сведенью: 1 секунда = 1000 миллисекунд.
Значит, 15 000 миллисекунд = 15 секунд.

Этот скрипт вставляют в html документ перед закрывающим тегом

Полный готовый код:

В результате, веб-страничка автоматически обновится через 15 секунд.

LiveStreet CMS

Бесплатные расширения из каталога

Прямой эфир

Spark 9 ноября 2020, 12:32

Spark 8 ноября 2020, 10:53

lifecom 7 ноября 2020, 13:25

Spark 6 ноября 2020, 11:39

Spark 5 ноября 2020, 18:37

bender670 3 ноября 2020, 11:48

Spark 3 ноября 2020, 10:51

sersar 28 октября 2020, 09:12

Spark 25 октября 2020, 09:03

Работа!

Блоги

  • Блог разработки LiveStreet137.33
  • Сайты на LiveStreet121.49
  • Вопросы83.57
  • Дополнительные модули и доработки для LiveStreet73.21
  • Техническая документация LiveStreet68.62
  • Tips & tricks60.64
  • Биржа заказов на разработку и поддержку за деньги56.28
  • Предложения и пожелания46.04
  • Шаблоны для LiveStreet38.75
  • Решения проблем28.89

Как заставить CSS и JS обновляться автоматически при обновлении файлов

У нас на сервере включена полезная опция объединения всех JS и CSS файлов. Задается она в конфиге

Однако при обновлении исходников JS и CSS файлов пользователи не получают обновления. Я видел есть плагин ReloadCSS однако он не занимается JS файлами, плюс тыкать кнопку мне тоже не охота совсем. В итоге я полез в код движка и нашел место, где формируется название скомпрессированных файлов

engine/modules/viewer/Viewer.class.php функция Compress

Видно, что в формировании ключа участвуют только имена файлов. Я добавил туда еще и размеры, заодно проверил скорость формирования ключа. Вот такой код у меня получился:

Проверка показала, что время пренебрежимо мало:

Убираем отладочный вывод и радумеся обновлениям JS и CSS.

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

Css — Не обновляются css, php, js-файлы

Довольно часто бывают случаи когда необходимо внести правки в css и html уже запущенного сайта. И не редко это заканчивается тем, что у Вас всё хорошо, заказчик заходит и видит сайт как после войны. Блоки залезают друг на друга, цвета вообще не понятно какие.

Вы рекомендуете ему обновить страницу с помощью ctrl+F5 и у него всё сразу хорошо, дальше приходится объяснять, что это из-за того, что он заходил раньше на этот сайт, браузер запомнил css, вы обновили и html и css, но браузер загрузил только новый html.

Объясняете, что все посетители из директа скорее всего впервые на сайте и у них сразу всё красиво и не надо жать ctrl+F5. Но можно ли было избежать всех этих разговоров, конечно можно.

1. Другой файл css
Логика работы браузера простая, если он видит, что нужно скачать css который он уже скачивал, то делать он этого не будет. Но если мы пререименуем файл, то он его скачает и будет использовать.
В этом методе есть ряд недостатков, а именно, если у нас не одна страница или шаблон, то переименовывать нужно везде, есть вариант интереснее.

2. GET запрос в конце файла
Пишем путь к файлу css таким образом «styles.css?v=2»
По сути мы добавляем GET запрос в адресе, это никак не влияет на то, что отдает сервер, но для браузера это новый путь, по которому он обязатено пройдет.

Есть ещё варианты с заголовкоми HTTP Last-Modified и HTTP Cache-Control, но самым удачным я считаю всё же GET запрос

Цукерберг рекомендует:  Три добродетели программиста
Понравилась статья? Поделиться с друзьями:
Все языки программирования для начинающих