Удобное Редактирование Css (Chrome + Сохранить Css + Autoit)

Многие знают, что в Chrome Development Tools есть встроенный удобный редактор CSS, мгновенно отображающий изменения.

Единственная проблема — отсутствие возможности удобного автоматического сохранения изменений.



Удобное редактирование CSS (Chrome + Сохранить CSS + autoIt)

Для Chrome существует три расширения для решения проблемы автосохранения: Инструменты разработчика: автосохранение , Тинкр И Сохранить CSS .

Поскольку расширения не могут работать с файлами на диске, все они перехватывают событие изменения CSS, а текст изменённого файла (или только фрагмент в случае автосохранения DevTools) отправляется запросом на localhost, куда программа-сервер сохраняет напрямую.

в файл.

Вышеупомянутые расширения используют сценарии на Python, Node.js или Ruby для сохранения в файл.

Я, как PHP-программист, не связанный с этими языками, хотел простое решение «в один клик» для Windows без необходимости установки серверов, которые не нужны для моей работы.

Поэтому я решил написать простую утилиту для Windows, решающую эту проблему.

Язык сценариев AutoIt был выбран как наиболее простой способ быстрого получения результатов.

Текст сценария (Обновлено 18 апреля 2013 г.

)

   

#cs # save-css-server.au3: receive CSS and JS files from Chrome extension # and save files locally # # Author: Ilya Zenin # Based on AutoIt HTTP Server by Manadar # 18.01.2013 - Created # 16.02.2013 - Updated # 18.04.2013 - Updated #ce Local $sIP = "127.0.0.1"; ip address Local $iPort = 8080 ; the listening port Local $sBuffer = ""; Local $aSavedFilepaths = ""; needed to show tray tip only once per file Local $iStartTime = TimerInit() TCPStartup() $iMainSocket = TCPListen($sIP, $iPort, 10) If @error Then MsgBox(0x20, "Save CSS server", "Unable to create a socket on port " & $iPort & ".

") Exit EndIf ConsoleWrite("Save CSS server running at port " & $iPort & ".

"& @CRLF) TrayTip("Save CSS server", "Save CSS server running at port " & $iPort & ".

", 0, 0) While True $iSock = TCPAccept($iMainSocket) ;Check for new connections If TimerDiff($iStartTime) > 250 Then ;reset tray icon to standart

Теги: #autoit #save css #CSS #Google Chrome #расширение Chrome #chrome devtools #разработка веб-сайтов #CSS
Вместе с данным постом часто просматривают:

Автор Статьи


Зарегистрирован: 2019-12-10 15:07:06
Баллов опыта: 0
Всего постов на сайте: 0
Всего комментарий на сайте: 0
Dima Manisha

Dima Manisha

Эксперт Wmlog. Профессиональный веб-мастер, SEO-специалист, дизайнер, маркетолог и интернет-предприниматель.