Домашня » Інструментарій » Налаштуйте засоби розробника Chrome за допомогою автора DevTools

    Налаштуйте засоби розробника Chrome за допомогою автора DevTools

    Якщо ви розробник інтерфейсу, вам слід знати про панель DevTools Google Chrome. Це поставляється в комплекті з кожною версією Chrome, що пропонує інструменти для редагування HTML / CSS, а також консоль JS і можливість маніпулювати DOM у реальному часі.

    Новий безкоштовний плагін Chrome, названий автором DevTools, дозволяє налаштовувати панель DevTools за допомогою додаткових схем кольорів синтаксису, унікальних шрифтів і спеціальних розмірів шрифтів.

    Налаштування досить просте. Просто встановіть розширення з веб-магазину Chrome і перейдіть за цим посиланням у веб-переглядачі. chrome: // flags / # enable-devtools-експерименти

    Ви опинитеся на панелі "Прапори Chrome", де потрібно ввімкнути експерименти DevTools. Після ввімкнення слід перезапустити Chrome, відкрити панель налаштувань DevTools і знайти вкладку "експерименти".

    Тоді ви просто перевіряєте "дозволити користувальницькі теми інтерфейсу користувача", і вам добре йти!

    Ви можете вибрати з більш ніж 25 різних схем кольорів синтаксису, що робить редактор Chrome набагато простішим у використанні. Ви можете змінити розмір шрифту з 10px-22px або навіть оновити шрифти консолі до будь-яких попередньо встановлених шрифтів у вашій операційній системі.

    Цей плагін не додає жодних основних функцій до DevTools, а дозволяє змінити стиль і вигляд вашого вікна DevTools. Це напрочуд легко налаштувати, і це може зробити ваш досвід DevTools набагато більш персоналізованим.

    Якщо у вас виникли проблеми під час налаштування, перевірте це кероване інтро-відео.