Не зовсім те , що ви просили, але я люблю режим перегляду в реальному з less.js .
Як правило, я просто знущаюся над будь-якими елементами / комбінаціями з будь-яким смаком HTML або XHTML, необхідного вручну, але ви можете створити свій власний головний документ елементів. Якщо ви підключите другий монітор (або два, три і т. Д.), Щоб відкрити всі веб-переглядачі (або використовувати другий комп'ютер), будь-які збережені вами зміни будуть застосовані в прямому ефірі до всіх них відразу.
Синтаксис LessCSS можна використовувати поряд із звичайним CSS, але він швидше працювати і легко підбирати (результати можна згодом перетворити в звичайний CSS).
Такі інструменти, як Aviary, дозволяють легко робити знімки екрана (включаючи автоматизацію прокручування вниз та зшивання), які можна швидко анотувати (в режимі он-лайн із спільними посиланнями) або зберегти та порівняти в іншому інструменті (наприклад, Photoshop , GIMP , Paint .NET тощо), накладаючи їх на шари та змінюючи прозорість верхнього.
Редагувати:
Якщо ви хочете автоматизувати процес знімка екрана (збереження файлу), щоб:
- коли виникає проблема, у вас вже є все під рукою
- зображення може бути додане до контролю версій (що теж може бути автоматизовано при збереженні файлу)
- ви можете зосередитись на CSS, а не на периферійній діяльності
тоді ви можете використовувати щось на зразок спостерігача за файлами (вибачте про орієнтацію Python. Є багато інших рішень) із захопленням екрана . Обробку публікацій також можна автоматизувати, і якщо ви використовуєте послідовні позиції вікон (це може допомогти середовище програми / робочого столу), «хром» навколо браузерів може бути відрізаний як частина сценарію.