веб-сайт codeigniter на хосте — изменения CSS не меняют элементы внешнего интерфейса

  • Мой сайт находится на хостинге. (не локальный хост)
  • Фреймворк: CodeIgniter.
  • Изменения, сделанные с помощью CSS: Легенда флот-чарта

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

Я зашел на сайт по FTP, скачал файл CSS, внес необходимые изменения (такие же, как сменщики для разработчиков Chrome) и загрузил файл CCS.

Я захожу на сайт, но не вижу изменений, внесенных с помощью файла CSS.


google-chrome css google-chrome-devtools codeigniter host
person user1166240    schedule 13.04.2014    source источник
comment
можно ссылку на ваш сайт?   -  person David    schedule 13.04.2014

Ответы (5)


arrow_upward
1
arrow_downward

  1. Проверьте, содержит ли ваш размещенный CSS последние изменения.
  2. Если с CSS все в порядке, попробуйте открыть инструменты разработчика Chrome и проверить элемент, который вы пытаетесь изменить. Прокрутите CSS, примененный к этому элементу, и проверьте, есть ли ваши стили.
  3. Если вы не нашли ни одного из стилей, которые пытаетесь применить к элементу, вероятно, вы неправильно написали имя селектора. Не забудьте проверить .class #id

Кроме того, чтобы убедиться, что ваши файлы CSS не кэшируются, добавьте суффикс к вашим файлам php следующим образом:

<link href="/stylesheet.css?<?php echo time(); ?>" rel="stylesheet" type="text/css" /&glt;

Совет РЕДАКТИРОВАНИЕ выше также работает для любого ресурса! (css, файлы javascript, изображения...)

person Lothre1    schedule 23.04.2014
comment
это классный совет, добавляющий время к ссылке css во время разработки. - person cartalot; 25.04.2014

arrow_upward
0
arrow_downward

Попробуйте Ctrl+F5. трудно обновить

person vee    schedule 13.04.2014
comment
Спасибо за ваш комментарий. Я сделал команду + Shift + R на своем MacBook Pro. Извините, это не работает. я ценю вашу помощь - person user1166240; 13.04.2014
comment
Дайте пожалуйста ссылку и покажите где вы изменили в css и где это в html (из исходников дайте какие строчки какие элементы) - person vee; 13.04.2014

arrow_upward
0
arrow_downward

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

person cartalot    schedule 23.04.2014
comment
Спасибо за ваш комментарий - person user1166240; 25.04.2014

arrow_upward
0
arrow_downward

Я думаю, что ваш CSS все еще кэшируется, поэтому посмотрите на этот популярный вопрос: -reload-cached-css-js-files">Как заставить браузер перезагружать кэшированные файлы CSS/JS?

Есть несколько решений, как заставить браузер обновить CSS или js.

Самый простой ответ, который вы получите, это использовать что-то вроде этого:

  /styles/screen.css?v=1234

Если вы сделали изменение, все, что вам нужно сделать, это +1 к счетчику!

В PHP вы также можете использовать это:

  <link rel="stylesheet" href="mycss.css?v=<?php echo filemtime('mycss.css') ?>"/>

Это похоже на автосчетчик, использующий временную метку файла CSS.

person DominikAngerer    schedule 23.04.2014
comment
Спасибо за ваш комментарий - person user1166240; 25.04.2014

arrow_upward
0
arrow_downward

В настройках DevTools (F1) или на панели Network (в зависимости от используемой версии Chrome) установите флажок Disable cache (while DevTools is open). Если кеширование является вашей проблемой, она должна быть исправлена.

person Alexander Pavlov    schedule 24.04.2014