Инструменты Chrome Web Developer, живое редактирование CSS не будет работать, сбрасывается до значения по умолчанию

Ответ 1

http://code.google.com/p/chromium/issues/detail?id=155795 был исправлен в конце дерева, и исправление в конечном итоге будет распространяться на Chrome 23 (текущая бета-версия) и Chrome 22 (текущая стабильная). Извините, и спасибо за ваше терпение.

В любом случае, проверьте свои таблицы стилей на наличие ошибок, так как такие проблемы возникают только при редактировании сломанных таблиц стилей. http://jigsaw.w3.org/css-validator/ - хороший инструмент для использования (обратите внимание на ошибки "Ошибка анализа".)

Ответ 2

Я не уверен, что это та же проблема, но я обнаружил, что это не сработало, когда расширение AdBlock Plus было активным.

Это может быть ошибка, но я точно не помню.
https://code.google.com/p/chromium/issues/detail?id=138854&can=1&q=adblock%20cr%3DPlatform-DevTools&colspec=ID%20Pri%20M%20Iteration%20ReleaseBlock%20Cr%20Status%20Owner%20Summary%20Modified

Я обнаружил, что просто щелкнув значок ABP и отключив его для сайта, о котором идет речь, восстановлена ​​функциональность.

Ответ 3

Определенно проверяйте свою таблицу стилей на наличие ошибок - это может быть даже не что-то очевидное или что CSS-проверитель найдет.

В моем случае стилями-нарушителями были некоторые псевдо-селекторы входных элементов , для оформления текста заполнителя. Удалены строки, и он отлично работает!

Edit: Ошибка в моем случае, по-видимому, вызвана более конкретным образом, помещая любые псевдоселекторы ввода-заполнителя non -webkit внутри медиа-запроса. Перейти фигурой...

Теперь выясним, почему эта проблема...

Ответ 4

Это то, что сработало для меня.

В разделе "Инструменты разработчика Chrome" > "Настройки" > вкладка "Общие" установите флажок "

Отключить кеш (пока DevTools открыт)

Ответ 5

Ошибка Chrome с @viewport стала причиной для меня: https://code.google.com/p/chromium/issues/detail?id=278289

Ответ 6

У меня есть эта проблема на сайте, и я сузил ее до недостающего фонового ресурса.

Я переключился на использование FireFox для редактирования живого CSS, никогда не возникало проблем с расширением FireBug.

Ответ 7

Перезапустите Chrome и повторите попытку... Вы также можете попробовать перезагрузить страницу на новой вкладке.

Вероятно, это ошибка Chrome. Это происходит со мной, когда я применяю стиль к элементу с помощью команды jQuery css(), но, я думаю, это может произойти и во многих других сценариях.

Ответ 8

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