Як зберегти зміни при перегляді коду елемента в Google Chrome

Редагування стилю в режимі реального часу в Chrome / Chromium залежить від його джерела і того, що саме вам потрібно з ним зробити (рівень редагування).

Кроки

1. 

   1

   Відкрийте консоль Developer Tools, натиснувши клавішу [F12].
   
   
   
   
   
   • Потім розгорніть спадне меню «Styles». Тут є кілька змін, які ви можете зробити.
     
     





2. 

   2

   Поміняйте елемент стилю (або селектор), двічі клацнувши безпосередньо по ньому і внісши зміну.

3. 

   3

   Перейдіть на вкладку «Resources», знайдіть файл, який ви хочете зберегти, клацніть правою кнопкою миші по ньому і виберіть пункт «Save as». Крім того, всі внесені вами зміни виявляться там виділеними, і ви отримаєте можливість розширити елемент у списку, за яким тільки що натиснули, щоб побачити всю історію редагування.