Возможности JustZix

Вы задаёте шаблон URL, пишете код CSS и/или JS — расширение внедряет его автоматически при каждой загрузке страницы. У каждого правила свой редактор с подсветкой синтаксиса (CodeMirror).

• CSS внедряется через тег <style> в head документа — доступна полная специфичность.
• JS выполняется в MAIN world страницы через chrome.scripting.executeScript — обходит CSP в 99 % случаев, имеет доступ к window.
• Включайте / отключайте отдельные правила одним кликом на плавающей панели инструментов.
• У редактора есть тёмная/светлая тема, нумерация строк, поиск и перетаскиваемая полоса изменения размера.

Подробнее →

Четырёхуровневая структура, которая масштабируется от «одной быстрой правки CSS» до «100 правил в 12 клиентских проектах». Переключатели каскадно распространяются вниз по иерархии.

• Папка — верхний уровень, имеет свой шаблон URL и трёхбуквенную метку плавающей кнопки.
• Группа — суборганизация внутри папки. У каждой папки есть хотя бы одна группа («По умолчанию» по умолчанию).
• Правило — собственно единица CSS/JS. Принадлежит одной группе. Имеет необязательные шаблоны URL для дальнейшего сужения.
• Действие — кликабельная кнопка в панели действий, выполняющая собственный JS по запросу.

Папка "klient-acme"
├── Группа "styles"
│   ├── Правило "скрыть рекламу"
│   └── Правило "тёмная тема"
└── Группа "действия"
    └── Правило "QA-панель"
        ├── Действие "FILL"
        ├── Действие "CLR"
        └── Действие "COPY"

Подробнее →

Сопоставляйте по точному URL, всему сайту, всем субдоменам или всему, что совпадает с подстрокой. Шаблоны могут накапливаться на уровнях папка + группа + правило для точного контроля.

• https://example.com/admin — только точный URL
• https://example.com/* — все страницы сайта
• https://*.example.com/* — все субдомены
• *://localhost:*/* — любое локальное приложение, любой порт, любой протокол
• *staging* — любой URL, содержащий «staging»

Подробнее →

Небольшая круглая кнопка появляется на каждой странице, где совпадает одна из ваших папок. Один клик включает/выключает все совпадающие папки. Цвет показывает текущее состояние с первого взгляда.

• Inject Green (или цвет вашей папки) — все совпадающие папки включены.
• Syntax Orange — часть включена, часть выключена (смешанное состояние).
• Muted Gray — все выключены.
• Halt Red — расширение глобально отключено.
• Правый клик открывает панель со всеми совпадающими папками/группами/правилами для индивидуального переключения.
• Перетащите, чтобы изменить положение. Положение запоминается для каждого окна.

Подробнее →

Вторая плавающая панель с интерактивными элементами управления. Каждое действие — один из шести типов: от простой кнопки до ползунка или трёхпозиционного переключателя. У каждого есть метка, цвет и необязательная горячая клавиша; панель запоминает своё положение, а правый клик скрывает её до конца сессии.

• BUTTON — кнопка fire-and-forget: клик выполняет код JS.
• SELECT — выпадающий список; статические или сгенерированные JS опции, выбор запускает действие.
• INPUT — текстовое поле в панели, в стиле командной строки — введите значение и подтвердите.
• SLIDER — ползунок, управляющий CSS-переменной вживую (например, яркость, масштаб).
• TEXTAREA — многострочный блокнот, содержимое запоминается для каждого домена.
• TOGGLE3 — трёхпозиционный сегментный переключатель (например, dev / staging / prod).

Подробнее →

Внутри JS любого правила или кода любой кнопки действия у вас есть доступ к двум глобальным объектам. window.JZ управляет кнопками действий — вызывайте их программно, выстраивайте цепочки workflow, интегрируйте с mutation observers. window.JUSTZIX — логгер, пишущий прямо в окно Output Console — без DevTools.

• JZ.click('LBL') — программно нажмите кнопку действия с меткой «LBL».
• JZ.action('LBL') — получите DOM-элемент кнопки (стилизуйте, проверьте атрибуты).
• JZ.actions() — массив всех видимых кнопок действий.
• JZ.labels() — массив исходных меток (регистр сохранён).
• Поиск без учёта регистра. JZ.click('btn') = JZ.click('BTN').
• JUSTZIX.log() / .warn() / .error() / .info() / .debug() — записывает запись в Output Console (псевдонимы: __JUSTZIX__, JZ.log и т. д.).

// Действие «AUTO» — сцепляет три других действия
JZ.click('LOAD');
setTimeout(() => JZ.click('PROC'), 500);
setTimeout(() => JZ.click('SAVE'), 1500);

Подробнее →

Ключ синхронизации из 25 символов связывает ваш аккаунт. Все правила, настройки и изменения распространяются почти в реальном времени по принципу Last-Write-Wins по сущностям с метками времени Лампорта.

• Ключ генерируется локально — бэкенд никогда не видит открытую форму (только хеш SHA-256).
• Конфликт разрешается по сущности — никогда не перезаписывает «все ваши настройки» целиком.
• Tombstones корректно распространяют удаления.
• UI разрешения конфликтов при входе: использовать сервер / отправить локальное / объединить LWW.
• Вкладка «Статус»: история синхронизации, обзор облачной библиотеки и полный ресинк с аккаунтом.
• Очистка неактивных аккаунтов через 12 месяцев (с письмом-предупреждением за 30 дней).
• Восстановление по электронной почте — потерянный ключ заменяется новым.

Подробнее →

Два способа перемещать данные: временные публичные ссылки для обмена с другими (JZS-XXXX-XXXX-XXXX-XXXX, TTL 1–48 ч) и автоматические ежечасные/ежедневные/еженедельные резервные копии для себя.

• TTL ссылки: 1 ч / 6 ч / 12 ч / 24 ч (по умолчанию) / 48 ч. Токен истекает автоматически.
• Получатель видит предпросмотр перед импортом — с баннером-предупреждением JS, если пакет содержит JavaScript.
• Пять форматов экспорта: justzix-full, partial, folder, group, rule.
• Резервные копии: 24 ежечасных + 30 ежедневных + 8 еженедельных, автоматическая очистка более старых.
• Панель «Мои ссылки» со счётчиком загрузок и кнопкой отзыва.

Подробнее →

Пять типов окон разработчика, которые отрисовываются прямо на странице — без DevTools. Вы перетаскиваете их, стыкуете край к краю и объединяете в мини-дашборд. Каждое окно может быть постоянным (привязанным к правилу) или временным (TEMP, вызываемым горячей клавишей).

• CSS pane — живой редактор CSS, изменения видны мгновенно, содержимое хранится для каждой вкладки.
• JS pane — редактор JS, запускаемый по запросу кнопкой Run (Ctrl+Enter).
• JS Console — REPL на странице: введите, Enter, результат; история команд стрелками.
• Output Console — просмотр логов страницы в 6 вкладках со счётчиками: All, JZconsole, console.*, Network, ошибки и пуши в dataLayer. Вкладка Network имеет фильтры по домену, размеру и времени.
• AI Helper — встроенный AI-ассистент (OpenAI / Anthropic / Gemini): изучает страницу, тестирует код в окнах TEMP и после твоего подтверждения создаёт правила.
• Поиск в редакторах — панель над каждым редактором CSS/JS: счётчик совпадений, подсветка, горячие клавиши Ctrl+Alt+←/→.
• TEMP panes — те же окна под Ctrl+Alt+G/H/J/K, эфемерные, исчезают при перезагрузке.
• Drag & snap & connect — перетаскивайте окна, стыкуйте их краями, объединяйте в группы.
• Настройка для каждого окна — цвет, шрифт и размер из меню правого клика.

Ctrl+Alt+G  →  TEMP CSS pane
Ctrl+Alt+H  →  TEMP JS pane
Ctrl+Alt+J  →  TEMP JS Console
Ctrl+Alt+K  →  TEMP Output Console
Ctrl+Alt+\  →  AI Helper

Подробнее →