Многие знают, что в Chrome Development Tools есть встроенный удобный редактор CSS, мгновенно отображающий изменения.
Единственная проблема — отсутствие возможности удобного автоматического сохранения изменений.
Для Chrome существует три расширения для решения проблемы автосохранения: Инструменты разработчика: автосохранение , Тинкр И Сохранить CSS .
Поскольку расширения не могут работать с файлами на диске, все они перехватывают событие изменения CSS, а текст изменённого файла (или только фрагмент в случае автосохранения DevTools) отправляется запросом на localhost, куда программа-сервер сохраняет напрямую.
в файл.
Вышеупомянутые расширения используют сценарии на Python, Node.js или Ruby для сохранения в файл.
Я, как PHP-программист, не связанный с этими языками, хотел простое решение «в один клик» для Windows без необходимости установки серверов, которые не нужны для моей работы.
Поэтому я решил написать простую утилиту для Windows, решающую эту проблему.
Язык сценариев AutoIt был выбран как наиболее простой способ быстрого получения результатов.
Текст сценария (Обновлено 18 апреля 2013 г.
)
Теги: #autoit #save css #CSS #Google Chrome #расширение Chrome #chrome devtools #разработка веб-сайтов #CSS#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
-
Стоимость Курса Sap: Выбор Модуля
19 Oct, 24 -
Что Такое Панель Инструментов Google?
19 Oct, 24 -
Wwdc17: Главные Анонсы С Презентации Apple
19 Oct, 24 -
Беспилотный Боевой Робот
19 Oct, 24 -
Давай Займемся Работой Не Глядя
19 Oct, 24