Панель редактирования рядом со страницей — Ctrl+Alt+I, O, P
Иногда панель редактирования JustZix хочется видеть рядом со страницей, а не вместо неё. Вы пишете правило для Wikipedia, но при этом хотите наблюдать, как ваши CSS-селекторы попадают в реальные элементы прямо во время набора. Три новых сочетания клавиш из v3.2.4 — Ctrl+Alt+I, Ctrl+Alt+O, Ctrl+Alt+P — открывают панель во втором окне браузера, автоматически выбирают первое активное правило для текущей страницы и переходят на нужную вкладку.
Три сочетания, три вкладки
Ctrl+Alt+I— панель редактирования, вкладка CSS.Ctrl+Alt+O— панель редактирования, вкладка JS.Ctrl+Alt+P— панель редактирования, вкладка «Действия».
Сочетание открывает панель в отдельном окне браузера (тип normal, 1200×850 — комфортно на мониторах среднего размера и больше), а не в новой вкладке. Вы можете держать её рядом со страницей или вынести на второй монитор.
Автовыбор активного правила
После открытия панель просматривает ваше дерево правил, находит первое правило, активное на текущей странице (каскад включён у каталога/группы/правила, URL-шаблоны совпадают) и автоматически выбирает его. Дерево разворачивается до этого правила, открывается выбранная вкладка — и можно сразу начинать набирать код.
Если ни одно правило не подходит, панель открывается чистой, готовой к созданию нового. Так и задумано: вы на facebook.com, правила ещё нет — нажимаете Ctrl+Alt+I, получаете пустую панель с открытой вкладкой CSS, два клика — и первое правило создано.
То же сочетание внутри панели = переключатель вкладок
Когда окно панели уже открыто и вы находитесь на уровне правила (а не на главном экране и не в редакторе каталога/группы), то же самое трио переключает активную вкладку правила:
Ctrl+Alt+I→ вкладка CSSCtrl+Alt+O→ вкладка JSCtrl+Alt+P→ вкладка «Действия»
Сочетание не создаёт второго окна — система передаёт фокус существующему. Если вы находитесь на главном экране или редактируете каталог/группу, сочетание внутри панели не делает ничего (no-op), потому что переключать нечего — нет «активной вкладки».
Совместимо с любой раскладкой клавиатуры
Первая версия сочетания сопоставляла клавишу по e.key. На польской раскладке Programmers это оказалось проблемой: AltGr+O даёт ó, поэтому Ctrl+Alt+O с правым Alt (= AltGr) приводил к e.key === 'ó' и сочетание не срабатывало. У I и P в польской раскладке нет диакритики под AltGr, поэтому они работали.
В v3.2.5 сопоставление переведено на e.code (KeyI / KeyO / KeyP) — физическую клавишу, не зависящую от раскладки и AltGr. Тот же шаблон мы используем для AI Helper (e.code === 'Backslash'). Сочетание работает одинаково на любой раскладке: польской, немецкой, французской, русской, китайской.
Сценарий 1 — пишем правило для facebook.com рядом с предпросмотром
Вы открываете facebook.com, нажимаете Ctrl+Alt+I — во втором окне появляется панель с открытой вкладкой CSS. Пишете селектор, сохраняете, смотрите на facebook.com — элемент исчез. Смотрите на facebook.com, чего-то явно не хватает, переключаете фокус на панель и правите. С двумя мониторами это делается без Alt-Tab — с одним монитором перетаскиваете окно на половину экрана и работаете в режиме «сплит».
Сценарий 2 — быстрая правка JS у существующего правила
Вы на YouTube, ваше правило «YouTube: скрыть рекомендации» перестало работать после обновления сайта. Нажимаете Ctrl+Alt+O — второе окно открывается прямо на вкладке JS вашего правила для YouTube (потому что это единственное активное правило на этой вкладке). Чините, сохраняете, перезагружаете первую вкладку — работает. Никакого поиска по дереву.
Сценарий 3 — второй монитор как постоянная панель
Если вы работаете с двумя мониторами: на левом — браузер со страницами, которые вы посещаете; правый — выделен под панель JustZix. Ctrl+Alt+I/O/P на левом мониторе открывает или передаёт фокус панели на правом и переходит на нужную вкладку. Рабочий процесс в стиле IDE с открытой панелью разработчика, но напротив живой страницы.
Архитектура
Под капотом: контент-скрипт ловит сочетание клавиш и отправляет в фон цель (тип сочетания + URL текущей вкладки). Фон проверяет, существует ли уже окно панели:
- Не существует → создаёт новое окно (
chrome.windows.createтипnormal, 1200×850), сохраняет pending-nav вchrome.storage.local.jzPendingEditNav. При запуске панель читает цель из storage и выбирает правило + вкладку. - Существует → передаёт окну фокус (
chrome.windows.update focused:true), пробрасывает цель через storage. Панель реагирует наstorage.onChanged.
Подход полностью асинхронный и не потребовал изменений в options.js — он просто читает _ruleEditorTab и jzPendingEditNav при запуске и при изменениях в storage.
Смотрите также
- Окна на странице — окна разработчика внутри страницы
- Сочетания клавиш JustZix — полная шпаргалка — все встроенные сочетания
- JS-правила теперь работают на Facebook, X и GitHub — тот же рабочий процесс рядом со страницей
Установите JustZix — и держите редактор рядом со страницей под одним сочетанием клавиш.
Оцени эту статью
Оценок пока нет — оцени первым.