Редактор: счётчик строк во вкладках, более широкий скроллбар и более длинные подписи действий
Крупные изменения (shadow DOM, тёмная тема, AI Helper) собирают заголовки. Мелкая полировка UX — нет, и тем не менее именно она меняет то, как вы пользуетесь инструментом изо дня в день. В v3.2.80–82 мы выкатили четыре вещи, которые вместе делают работу с редактором правил заметно приятнее.
Счётчик строк во вкладках CSS / JS / Actions (v3.2.82)
Каждая вкладка редактора правил — CSS, JS, Actions — теперь носит бейдж со счётчиком строк рядом с названием. По аналогии со вкладкой Actions, которая давно показывает количество действий.
Зачем: когда вы смотрите на набор правил, сразу видно, где сидит основная масса. 87 линий CSS + 12 линий JS + 3 действия — один взгляд, и понятно, что набор средней сложности, а большая часть логики живёт в CSS. Раньше для этого нужно было открыть каждую вкладку.
Маленькая техническая деталь: счётчик обновляется в реальном времени по мере набора (debounce 200 ms), так что бейдж не мерцает на каждом нажатии клавиши.
Более широкий скроллбар в окнах: 10 → 14 px (v3.2.80)
Внутренний скроллбар окон разработчика (CSS pane, JS pane, JS Console, Output Console, AI Helper) имел ширину 10 px — и конфликтовал с 8-пиксельной ручкой ресайза на правом крае. Было легко зацепить ручку вместо скроллбара и случайно изменить размер окна.
После изменения скроллбар стал шириной 14 px — его проще ухватить, а ручка ресайза по-прежнему на месте, но явно ниже края скроллбара. Никаких конфликтов, никакого раздражения.
Подписи действий 8 → 12 знаков (v3.2.81)
У подписей действий в баре был жёстко заданный лимит в 8 знаков. Этого хватало для «Dark», «Hide» и подобного — но при работе с AI Helper он часто хотел предложить более длинное и описательное имя («Hide ads», «Wide column») — и оно обрезалось.
Новый лимит — 12 знаков. UI и бэкенд синхронизированы: AI Helper, редактор, рендер бара, панель настроек — все говорят об одной и той же длине. Подписи теперь могут нести больше контекста о том, что делает каждое действие.
Переорганизованный тулбар папки (v3.2.80)
Тулбар шапки папки (панель редактирования папки) держал всё в одной строке: Export, Import, Delete + Group, Bar, Window. Шесть кнопок бок о бок — визуально они сливались, и быстро найти то, что нужно, было сложно.
Новая раскладка — в две строки:
- Сверху: Export / Import / Delete — операции над папкой как над целым, над полем URL patterns.
- Снизу: + Group / + Bar / + Window — создание дочерних элементов, отдельно от операций над папкой.
Две логические группы, однозначно узнаваемые с одного взгляда.
Прочие маленькие победы той же серии
Вместе с основными изменениями приехала горстка более мелких, но приятных штрихов:
- Симметричный padding контейнера
.rules-area— 14 px (v3.2.88) — раньше было 24 px справа, асимметричный рудимент с прежней итерации UI. - Сохранение скролла в редакторе при синхронизации с другого устройства (v3.2.82) — когда другое устройство меняет правило, CodeMirror больше не прыгает на позицию 0, а оставляет вас там, где вы были.
- Якорная кнопка дропдауна — второй клик закрывает её (v3.2.89) — починен баг, когда дропдаун, открытый кнопкой, можно было закрыть только кликом снаружи, но не повторным кликом по кнопке.
См. также
- Окна на странице — обзор всех окон разработчика, которых касается более широкий скроллбар
- Горячие клавиши JustZix — полная шпаргалка по клавиатуре
- Панель редактирования рядом со страницей — другой способ работать с правилами каждый день
Установите JustZix — и почувствуйте разницу в деталях.
Оцени эту статью
Оценок пока нет — оцени первым.