Сайт не обновляется в браузере
Mr_incredible
Просмотр профиля
Тут возникла такая проблема, что когда открываю в браузере (хром,мозилла,опера,эксплорер) сайт, то он не обновляется после перезаливки его контента на хостинг.
То есть когда первый раз открываешь сайт в браузере, то он и будет показывать этот же самый контент без изменений, не смотря на то, что на самом хостинге перезаливаю новые файлы хоть по 10 раз.
Словно контент оседает где-то в самом браузере.
Никак не могу понять в чем проблема! Пробовал искать инфу по этому вопросу, но толком ничего не нашел. У кого-то была такая же проблема, но там никто так и не ответил в том топике.
Помогите пожалуйста разобраться!
MustLive
Просмотр профиля
Mr_incredible
Проблема может быть в кэше браузера. Обнови (рефрешни) страницу, причём делай полный рефлешь (Ctrl-F5).
Mr_incredible
Просмотр профиля
MustLive
Просмотр профиля
Mr_incredible, можно и без полной очистки в браузере. Достаточно принудительного обновления - через Ctrl-F5 (один или несколько раз, пока е обновится контент). Кэширование данных браузерами - это известная и давно используемая технология, ещё с начала 90-х, с первых версий браузеров. Поэтому научись жить с кэшем и работать с ним, и тогда у тебя таких проблем не возникнет.
Понимать, что такое кэш и как с ним работать, тебе нужно не только как веб разработчику, но и как обычному интернет-пользователю. Изучи особенности этой технологии и тогда у тебя всё будет работать как нужно. А то ты из-за незнания создаёшь себе головную боль, а потом сетуешь на флеш и заявляешь, что он тебя только огорчает. Изучи матчасть сначала, особенно азы, а потом занимайся веб разработкой и тогда дела пойдут лучше.
Пользователь который впервые зайдёт на сайт, он сразу скачает последнюю версию swf-файла, так что у него проблем с кэшированием не будет. Как и у тех, у кого в кэше уже флешки не осталось. Проблема не во флеше или его настройках, а в твоём непонимании технологии кэширования. Ведь оно по умолчанию включено во всех браузерах и кэширует всю информацию, как флешки, так и изображения и веб страницы (и не только статические, но даже можно настроить сайт чтобы и динамические страницы кэшировались) - всё для ускорения загрузки сайтов.
А быть тебе с кэшированием следующим образом. Если ты разрабатываешь локально веб приложение только на флеше (к сайту никакого отношения не имеющее), то тебе легко его можно запускать не в браузере, а в самом флеш редакторе или в стационарном плеере. Если же флешка работает с сайтом и запускаешь в браузере, то при локальной разработке особой возни с кэшированием не будет, а на сайт закачиваешь финальную версию.
Если же тебе нужно часто обновлять флешку на сайте, то используй различные методы противодействия кэшированию. Начиная от использование различных имён файлов или рэндомных префиксов (file.swf?random), которые можно на JavaScript сделать в коде веб страницы, где размещена флешка, заканчивая запретом кэширования swf-файлов на стороне сервера. Эта тема не относится только к флешу - практически все файлы кэшируются браузером - поэтому изучи стандартные методы противодействия кэшированию и используй их.
Современный интернет-серфинг редко обходится без одной из самых важных функций любого браузера – обновления страницы.
Зачастую бывает так, что даже после изменения веб-страницы (загрузка фото, аудио или каких-либо документов, добавление комментариев и пр.) визуально сайт остается прежним.
Все эти изменения все же происходят, но дело в том, что пользователю показывается старая, сохраненная в кэше браузера версия интернет-страницы. И именно для корректного отображения всех добавлений, нововведений и правок сайта служит функция обновления страницы.
«И как обновить страницу браузера?», спросите вы. Существует несколько способов перезагрузить сайт в браузере с обновленной информацией – как уникальные для каждого веб-обозревателя, так и универсальные, которыми можно воспользоваться вне зависимости от того, какой браузер у вас установлен.
Ниже речь пойдет о каждом способе.
Универсальные варианты:
1) Самый, пожалуй, известный – это нажатие клавиши F5 на клавиатуре, которая с одинаковым успехом обновит не только содержимое сайта, но и, к примеру, содержимое папки в Проводнике операционной системы Windows.
Хоть способ и самый легкий, но порой бывает так, что простого обновления через F5 оказывается недостаточно.
2) И тогда рекомендуется прибегнуть к так называемому полному обновлению, которое можно устроить при нажатии комбинации клавиш Ctrl+F5.
Принципиальное отличие от предыдущего способа налицо – если после нажатия F5 браузер лишь сверяет новую версию веб-страницы с той, что сохранена у него в кэш-памяти и просто подгружает изменения, то команда Ctrl+F5 заставляет его стереть сайт из кэша и загрузить его целиком по новой.
В большинстве случаев необходимый результат достигается именно этим способом как раз за счет принудительной загрузки интернет-страницы.
Варианты, отдельные для каждого браузера:
1) Начнем, пожалуй, с обозревателя, на заре эпохи появления интернета бывшего самым популярным. Итак, как обновить страницу браузера Internet Explorer?
Все очень просто – справа от адресной строки находится специальная кнопка с изображенными на ней двумя синими стрелочками, одна из которых направлена вниз, а вторая вверх. Нажатие на нее перезагрузит нужный сайт;
2) Не менее легко данная операция проделывается и в другом браузере – в Opera.
Выглядит она, как круглая стрелка – с чем-либо спутать ее не выйдет. К слову, в браузере Opera для обновления сайта существует также комбинация клавиш Ctrl+R;
3) В интернет-обозревателе Google Chrome кнопка, отвечающая за обновление страниц находится примерно там же, где и у браузера Opera – прямо перед адресной строкой слева, и выглядит почти точно так же – круглая стрелка;
4) Практичный дизайн браузера Mozilla Firefox тоже позволяет сразу найти нужную кнопку – находится она на видном месте, сразу за адресной строкой справа. Как и в прочих браузерах, сделана она в виде округлой стрелочки;
5) И, наконец, Yandex-браузер. Кнопка обновления здесь расположилась буквально перед самой адресной строкой и выполнена она, как все та же круглая стрелка, только по сравнению с другими браузерами нарисована она чуть тоньше.
Здесь все зависит от того, какой из вариантов вы сочтете самым простым, а самое главное – какой из них вам будет удобней всего использовать.
при этом очистила кеш браузера и перезагрузила компьютер и все равно страница не обновляется. с кодом все хорошо. Помогите пожалуйста!
- Вопрос задан более двух лет назад
- 1274 просмотра
Средний 11 комментариев
1) открыть консоль разработчика
2) перевести её в режим без кеша
перезагрузить при открытой панели и в дальнейшем при разработке держать панель открытой
Спасибо огромное! скажите пожалуйста что означает этот пункт? после этого страницы будут обновляться?
Как проверить что это действительно он?
1. Открываем папку с вашим сайтом
2. Находим нужный нам файл (index).html
3. Кликаем на него 2 раза, либо нажимаем ПКМ и открываем через браузер который вам удобен
4. Сайт открывается, хорошо.
Как редактировать этот сайт, который мы открыли?
1. Открываем папку с вашим сайтом
2. Находим нужный нам файл (index).html
3. Легким движением мыши перетаскиваем его в ваш редактор кода и смотрим тот ли это файл?
файл тот. html при этом меняется, css нет, но css подключен к html файлу.и не знаю что делать в этом случае
elizaveta_elizaveta21, так стоп. Что значит css не меняется? Он у вас подключается, сайт отображается как надо, но уже после правок в css файл в браузере ничего не меняется (даде после очистки кэша)?
Шохрух Шаймардонов, я создала вчера два проекта и они с какого-то момента перестали обновляться, даже после очистки кеша. но при этом старые файлы или созданные заново работают хорошо. а те два не меняются, до этого всё работоло.
Для ясности приведу пример.
Верстаю страницу, изменяю что-то в стилях, обновляю страницу в браузере, но ничего не меняется. Открываю в другом браузере – всё отображается в соответсвии с внесёнными изменениями, меняю URL с localhost:7777 на 127.0.0.1:7777, например,– снова всё ок. Однако это ровно до следующего изменения стилей. То есть браузер запоминает своё состояние и игнорирует всякое их изменение.
К слову, началось всё это когда я писал некое приложение на JS. И вот я взялся за Angular.js и с какого-то момента снова возникла эта проблема. Хотя почти уверен, что дело не в этом.
Браузеры: Safari, Chrome и Firefox.
Если работаете в Хроме (или Опере, или в Яндексе) - откройте девтулс -> настройки:
И просто держите девтулс открытым пока работаете.
Не слушайте тех, кто говорит про настройку браузера. Если такая проблема достает вас во время разработки - она же проявится и у посетителей при первом же обновлении сайта.
Наиболее перспективным подходом у управлению кешированием ресурсов является добавление номера версии в URL. В качестве номера версии можно взять хеш-сумму от файла или дату его последней модификации. После того, как вы добавити номера версий во все URL - можно настраивать неограниченное кеширование ресурсов заголовками сервера и радовать посетителей быстрой загрузкой.
Ну а если нет желания настраивать версии - то просто запретите серверу отдавать заголовок Expires. Грузиться будет медленнее - зато никаких больше "почистите кеш браузера, чтобы увидеть изменения на сайте".
Странное дело. Впервые это проявило себя во время того, как я писал довольно простой JS скрипт, время от времени меняющий стили элементов. За результатом я следил просто открыв файл index.html в браузере.
Сейчас я пишу приложение на Angular.js. В качестве локального сервера – node. Проблема стала более явной. Стало быть дело в локальном сервере (как Вы сказали, отдаёт заголовок Expires) и если ничего в нём не менять, то в продакшене можно ожидать такого же поведения?
Загрязнять URL непонятными для пользователя значениями не хотелось бы, честно говоря.
inscamp: Пользователь не будет видеть этих значений - я же говорю про ресурсы (скрипты, картинки, таблицы стилей), а не про страницы.
Теперь понял, спасибо.
Всё же никак не пойму в чём причина такого агрессивного хэширования ресурсов. В установках моего локального сревера по-умолчанию?
inscamp: Да, дело в настройках сервера. Сейчас даже Опера и IE следуют правилам кеширования ресурса, указанным в заголовках.
Браузер Яндекс, появившийся относительно недавно, буквально ворвался в пятерку лучших, потеснив некоторые популярные у российских пользователей Интернет-обозреватели. Этому как минимум есть две причины.
Первая состоит в том, что он носит название популярного веб поисковика, это само собой прибавляет доверия. Второе – браузер Яндекс построен на том же программном коде, что и Google Chrome, а, значит, имеет практически аналогичный функционал.
К сожалению, Интернет-обозреватель Яндекс страдает теми же недостатками, что и остальные, даже очень хорошие приложения того же назначения. Например, он может не загружать страницу (в т. ч. стартовую) или загружать ее не до конца, то есть зависать.
Почему и как зависает браузер Яндекс
Причин зависания может быть много. Это выход за пределы возможностей оперативной памяти, процессора, скорости Интернет-соединения. К таким последствиям приводит слишком большое количество открытых страниц, наличие вирусов, перегрузка кеша и т. п.
Зависание состоит в том, что страница, загружаемая в веб браузере, не реагирует ни на какие действия (стартовую страницу такое несчастье может постигнуть так же, как и любые другие). Не обозначаются изменением формы указателя мыши ссылки, на них невозможно кликнуть, невозможно ввести текст в текстовое поле и т. п. То есть страница загружается до некоторого предела и остается неподвижной.
Что делать в такой ситуации? Обновить. Методов, помогающих обновить страницу, существует несколько. Если не сработает – можно принимать более радикальные меры.
Несколько способов обновления
Как известно, все, или практически все функции, которые может использовать работающий за компьютером человек, дублируются. В простейшем случае они могут быть запущены несколькими методами, как с помощью мыши, так и с помощью предназначенных для этого клавиш или комбинаций клавиш. Варианты, помогающие обновить страницу в веб браузере Яндекс – не исключение.
Начать можно с чего угодно, например, с манипуляций мышью. В адресной строке браузера Яндекс, которая находится в верхней части окна программы, есть полукольцо со стрелочкой. На нем необходимо кликнуть левой кнопкой мыши, и процесс «обновить страницу» должен запуститься.
В таком способе обновления есть несколько «но». Не факт, что указатель мыши вообще будет действовать при зависании, особенно в том случае, если «заморозило» стартовую страницу. Кроме того, указанной пиктограммы может просто и не быть, на ее месте могут находиться две перечеркнутые черточки. Тогда следует приняться за клавиатуру. Клавиатура всегда доступна, ее клавиши невозможно заблокировать из-за зависшей страницы. Правда, тоже не факт, что она поможет в случае зависания страницы.
Для обновления страницы Яндекс, как и для обновления окон практически всех программ, существует кнопка F5. Ее следует нажать и посмотреть на реакцию. Если обновление началось – проблема решена. Если нет — придется использовать комбинацию клавиш. В данном случае это Ctrl+F5. Это немного более радикальный способ обновления, так как из оперативной памяти удаляется вся информация о зависшей странице и автоматически загружается заново.
Если эти методы не сработали – пора проводить чистку.
Очистка истории
Если зависания продолжаются, следует очистить историю. Делается это просто.
В правой верхней части окна браузера Яндекс есть кнопка с тремя горизонтальными линиями. Это кнопка для перехода к настройкам. На ней надо кликнуть, в появившемся окне выбрать «Настройки». Далее следует открыть вкладку «История», кликнуть на ней. На странице «Истории» есть ссылка «Очистить историю». После клика на ней появляется окно настроек очистки. В нем выбирается время и типы удаляемого содержимого. Следует выбрать удаление всего содержимого, особенно не надо забывать о файлах.
После очистки веб браузер Яндекс автоматически станет работать быстрее. Тогда можно пробовать опять загружать страницу, с которой были проблемы.
Читайте также: