Перезагрузить таблицы стилей CSS без перезагрузки страницы?

Question

Я использую Safari в качестве браузера для разработки, и мне довольно сложно предварительно просмотреть изменения CSS в среде с тяжелым JavaScript.

Мое веб-приложение и среда разработки выглядят следующим образом:

• Mac OSX Snow Leapord
• Safari
• TextMate
• Mootools
  • MochaUI
• XHTML 1.1Переходный
• CSS3

Answer 1

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

Answer 2

Хороший букмарклет! Работает отлично! Теперь мне интересно, нужно ли мне упоминать, как это сделать вручную ...

1. Инструменты разработчика Chrome.
2. Щелкните правой кнопкой мыши на файле css, который появляется в голове.
3. Выберите Изменить как HTML.
4. Допустим, имя файла style.css. Измените его на style.css? Обязательно используйте? после имени файла.
5. Нажмите за пределами области и Уолла, Тада!

http://youtu.be/-OYk5p5pSvM

Answer 3

Я создал инструмент под названием Vogue http://aboutcode.net/vogue/

Vogue следит за файловой системой на предмет изменений CSS-файлов, используемых вашей веб-страницей.Затем он в реальном времени сообщает браузеру перезагрузить только таблицы стилей.

Он работает во всех браузерах и не требует плагинов (это все JavaScript).

Answer 4

Во время разработки я обнаружил, что вы также можете просто бросить вопросительный знак после ссылки на имя вашего CSS-файла, ... который служит для того, чтобы обмануть кого-то на пути предоставления вам CSS, который он динамически создает (так что он будет Принеси это каждый раз). Однако я не уверен, что это Safari или мой конкретный веб-сервер, который обманут, так что YMMV.