2015-05-12 3 views
0

Хорошо, ребята. Я не новичок в кодировании, я бы хотел подумать, что я не глуп, но я нахожусь на своем пути с этой проблемой, и у меня заканчиваются попытки попробовать.Невозможно увидеть изменения стиля CSS в браузере

Задача:
Пытается обновить таблицу стилей Wordpress. Я не вижу изменений в браузере, независимо от того, что я делаю, но мой босс может сделать обновления в нем прекрасными. Это всего лишь проблема на 3 сайтах (2 Wordpress 1 по индивидуальному заказу). Не все сайты.

Что я пробовал:

  • обновленный CSS на WordPress - сейвы штраф - посмотрел на дату обновления через FTP и временные метки новой - обновите веб-сайт, не может увидеть изменения в таблице стилей в браузере

  • скачанный файл css через FTP, изменения из wordpress update есть - попробуйте добавить больше изменений/стилей и повторно загрузить - все еще не видно изменений в стилях в браузере.

  • удалена вся история всего. Кэш, данные браузера и т.д., в FireFox, хром и сафари - нет изменений, наблюдаемых в браузере

  • пытался загрузить файлы с Dreamweaver - никаких изменений не видно

  • судимый промывке кэша DNS в терминале с: Суда killall -HUP mDNSResponder и Судо dscacheutil -flushcache - никаких изменений видел

  • обновленный файл CSS, используя файловый менеджер на самом хосте/сервер - без изменений видел

  • отсоединен маршрутизатор подключен обратно - никаких изменений не видно

  • попытался загружая на Wi-Fi, так и непосредственно подключен к Интернету - никаких изменений не видно

  • Пробовал просмотра в хроме инкогнито - никаких изменений не видно

  • проверяемые права доступа к файлам, Папки 755, файлы 644

  • В wordpress нет плагина кеширования. Так что ничего не нужно очищать.

К «никаких изменений не видел», я на самом деле, глядя на код таблицы стилей в поджигатель/веб-инспектора, и, похоже, никакие изменения не были внесены в таблицу стилей вообще. Не то, чтобы я просто набрал неправильный селектор CSS, и он не работает.

Любые предложения по поводу того, что происходит с моим компьютером, и как его исправить, было бы очень полезно. Это сводит меня с ума!! Я использую Mac OS X 10.9.4

http://www.wareinterventions.com/wp-content/themes/ware/style.css


Последний стиль можно увидеть в таблице стилей является:

.hms-testimonial-group .cf-type 

Но я должен видеть это:

#test{} 
#test2{} 
#slider .caption span{ 
    color: red; 
} 
#slider .caption h2{ 
    color: green !important;  
} 
+0

Я могу видеть оба в этой таблице стилей. – Tyr

+0

Что вы увидите, когда откроете свою ссылку в Инкогнито? –

+0

Incognito в Chrome? Я тоже не вижу изменений в таблицах стилей. –

ответ

1

Ваш браузер кэширование Файл CSS. Вы можете попробовать перейти к исходной ссылке и сделать Ctrl/Cmd + R (Ctrl/Cmd + Shift + R, hard reload) и посмотреть, очищает ли она это.

Лучший способ - отключить кеш с помощью инструментов разработчика браузера.

Если вы находитесь в Chrome, щелкните значок меню> Дополнительные инструменты> Инструменты разработчика и щелкните значок шестеренки. Вы должны увидеть возможность отключения кеша. Для Firefox щелкните значок «Меню»> «Разработчик» и нажмите «Toggle Tools». Затем щелкните шестерню и установите флажок отключить кеш.

+0

Два вопроса: 1. Значок шестерни для хрома работал. Есть ли что-то подобное для firefox? 2.Почему CMD + R не работает, и очистка кеша браузера тоже не работает? –

+0

Извините, я не видел вашу отредактированную версию, прежде чем отправил свой комментарий. Так что, я думаю, мой единственный оставшийся вопрос заключается в том, почему не очистка кеша в предпочтении делает трюк? –

+0

@ KerynGill это может быть Cmd + Shift + R для Mac и Firefox. – kel

2

Кажется, проблема с кешем.

  1. Попробуйте CTRL+F5 загружающий свежий сайт,

  2. Если вы используете Google Chrome>Google Chrome settings>More tools>Developer tools>Network, при этом выберите Disable cache. (Эта функция будет работать только тогда, когда окно инструментов разработчика открыть)

Google chrome cache disable

3.You можно использовать PHP или JavaScript генерировать случайный файл CSS (только для целей тестирования).

PHP код для случайного числа {конечного сервера}

<link rel="stylesheet" href="style.css?v<?php echo(mt_rand(100,72)); ?>"> 

или

<link rel="stylesheet" href="style.css?versionnumber"> 

Версия JavaScript для случайного числа {конечного клиента}

<script type="text/javascript"> 
    window.onload = function(){ 
     var n = 205; 
     var number = Math.floor(Math.random()*n)+1; 
     document.getElementById("random").innerHTML = number; 
    }; 
</script> 

Примечание: Всегда размещайте выше JS над вашей ссылкой CSS (например, это).

<link rel="stylesheet" href="style.css?v<span id="random" ></span>"> 
Смежные вопросы