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

Question

шрифт содержимого моего приложения facebook продолжает выделяться курсивом, даже когда я удалил курсив из файла css. если я внесу небольшие изменения в файл css и загрузлю его на сервер, firebug покажет неотредактированный предыдущий файл css и, следовательно, приложение продолжит показывать неформатированный контент что именно здесь происходит не так?

Я создал новый файл CSS и скопировал содержимое предыдущего CSS точно так же, как это было, и связал его во всех файлах, которые требуют CSS. но когда я загружаю эти файлы на сервер, на холсте Facebook вообще не показывается css. я заменил имя файла css на предыдущее, и оно работает. почему это?

Answer 1

На самом деле, похоже, что в настоящее время Facebook сталкивается с некоторыми странными проблемами со стилем. Он не кэширует никаких новых стилей, только отображает то, что было ранее кэшировано (со вчерашнего дня). Если вы предоставите новый URL-адрес таблицы стилей, он не сможет его вытащить (как будто этот URL-адрес не существует).

В нормальных условиях должно работать то, что уже предложили другие.

Answer 2

Facebook любит кэшировать вещи. Упорно. Я не знаю, почему новый файл не сработал, поэтому я могу порекомендовать «подделать» имя файла css с помощью ложной переменной строки запроса и увеличивать его каждый раз, когда вы делаете обновление.

например

href="my_css_file.css?x=1"

Answer 3

Согласно Включите файлы на вики-сайте разработчика Facebook:

Включенные таблицы стилей автоматически кэшируются Facebook. Просто включите тег, как:

<link rel="stylesheet" type="text/css" media="screen" 
href="http://yourapp.com/stylesheets/style.css?v=1.0" />

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

Answer 4

Похоже, что браузер кэширует ваш CSS-файл, поэтому даже Firebug видит старую версию.

Существует множество способов запретить браузеру кэшировать ваш CSS-файл во время разработки (в рабочем режиме вы, вероятно, захотите, чтобы он оставался в кэше). Наиболее распространенный метод, используемый веб-фреймворками, такими как Ruby on Rails, заключается в добавлении в URL случайной строки запроса, например, так:

<link rel="stylesheet" type="text/css" href="style.css?96234987" />

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

Вот ссылки на простой трюк для PHP , пример JSP и другие возможные методы .