Як зберегти зміни стилів з консолі chrome

Незважаючи ні на що, мало хто знає, як зберегти зміни стилів з консолі chrome. Про це коротко сьогодні і розповімо.

Взагалі кажучи, це стандартна можливість Chrome, доступна ще з 11-го року, але маловідома і до цього дня.

Chrome дозволяє зв'язати віддалений файл відкритий в браузері з файлом в локальній файловій системі. І в нього тут будуть зберігатися всі правки, внесені в стилі і html на сторінці через інспектор Chrome. Це здорово, особливо, якщо потрібно зберегти правки, внесені на швидку руку.

Отже, як зберегти зміни стилів з консолі chrome?

Це робиться за 2 простих кроки:

• Відкрийте вкладу Sources інспектора chrome, клікніть правою кнопкою миші в лівому полі, де виводиться список файлів, і оберіть Add folder to workspace

• Після додавання папки потрібно дозволити хрому працювати з цією папкою

• Після цього потрібно зв'язати віддалений ресурс з локальним. Для цього виберемо потрібний файл (будь то html, css або js файл у вкладці Sources). Правий клік -> Map To file system resource ...

Готово. Після перезавантаження сторінки, Chrome буде сам зберігати і синхронізувати всі внесені правки в локальний файл.

Підводні камені

• 
  CSS анімація властивості content
• Де можна скачати Google Crome
• 
  Крутий спосіб налаштувати рендеринг шрифту в Firefox ...