👩‍💻 Полезные плагины для разработчика в Firefox #подборка #firefox #плагины Довольно давно думал сделать свою небольшую подборку плагинов, которые я активно использую при дебаге и разработке фронтенда, используя браузер Firefox. Месяц назад я уже рассказывал про контейнеры и user agent switcher. Сегодня хочу рассказать про совсем небольшие инструменты, которые могут немного облегчить вашу жизнь. 1) Font finder — https://addons.mozilla.org/ru/firefox/addon/font-inspect/ Расширение позволяет ткнуть в любой участок сайта и узнать какой шрифт там используется, что сильно упрощает процесс поиска и позволяет отследить тот ли шрифт по итогам применился к указанному селектору через CSS, или мы по какой-то причине используем фоллбэк/шрифт из фреймворка. Разумеется, это можно сделать и через dev tools, но этот плагин позволяет вам не копаться во всей CSS-внутрянке отдельной области, а сразу напрямую вытаскивает всё, что вам нужно знать. 2) Autocomplete control — https://github.com/kopach/autocomplete-control Небольшой плагин, который мало кому может быть полезен, но хорошо работает в моём случае, при записи видео. Очень часто брауезрный автокомплит выводит какие-то личные данные, что не очень хорошо, как по мне. Вещь ситуативная, но иногда может быть полезной. 3) Local storage editor — https://addons.mozilla.org/ru/firefox/addon/localstorage-editor/ Моя вчерашняя находка, надоело постоянно бегать в dev tools и копировать local storage с прод-версии на локальную, чтобы воспроизвести какое-либо ошибочное поведение, поэтому решил поискать решение для своей проблемы и оно нашлось. Интерфейс не самый красивый конечно, но со своими функциями справляется и этого мне достаточно. 4) Mind the time — https://addons.mozilla.org/ru/firefox/addon/mind-the-time/ Простенький таймтрекер, позволяющий отслеживать количество времени, проведённого на том или ином сайте. Позволяет ограничивать время на определённых веб-сайтах, чтобы не сильно отвлекаться от работы. В пассивном режиме позволяет просто оценить насколько много чистого времени было проведено на определённом ресурсе. 3 года назад у меня даже была серия постов про цифровой баланс, в которых я использовал это расширение для подсчёта времени, чтобы понять и проанализировать себя и свои привычки: https://t.me/davidobryakov/916 https://t.me/davidobryakov/924 https://t.me/davidobryakov/935 5) Video Speed Controller — https://addons.mozilla.org/ru/firefox/addon/videospeed/ Не могу сказать, что эту вещь использую только для разработки, но в том числе и для неё, когда требуется посмотреть какой-то доклад с конференции и хочется смотреть его быстрее, чем в 2x, либо когда видео проигрывается из плеера без поддержки такой функции по умолчанию. Имеет набор шорткодов, которые позволяют не бегать мышкой по экрану, а просто накликать нужную скорость. Про расширения и плагины для vue/react упоминать в подборке большого смысла не вижу, потому что это довольно очевидные вещи. 💬 Пишите в комментариях, какими плагинами пользуетесь вы, будет интересно почитать :)