Практические сниппеты CSS и JavaScript, сценарии использования, UX-хаки — с кодом, готовым к вставке в JustZix.
Нет статей, соответствующих запросу.
Четыре небольших правки UX редактора правил, которые вместе меняют ощущение от ежедневной работы: бейдж со счётчиком строк во вкладках CSS/JS/Actions (v3.2.82), скроллбар 10 → 14 px (v3.2.80), лимит подписи действия 8 → 12 знаков (v3.2.81) и переорганизованный тулбар папки (v3.2.80).
Рендеринг 700 записей лога в Output Console упал с ~5 секунд до ~100 миллисекунд (v3.2.30). Первое окно расширения в shadow DOM — шаг к изоляции стилей страницы от UI расширения и серьёзный выигрыш в производительности в придачу.
Выпадающий список в заголовке окна AI Helper (v3.2.81) с двумя опциями: скопировать весь разговор как Markdown или скопировать последний API-ввод с полным контекстом разговора. Сценарий «перенести идею с одного домена на другой» больше не требует ручного копирования и вставки.
Индикатор контекста в AI Helper (v3.2.71–73) больше не оценивает — теперь он использует фактические значения токенов из API провайдера (Anthropic, OpenAI, Gemini), с разбивкой на свежий ввод / кэш / вывод. Реальная стоимость AI без калькуляторов.
Окно AI Helper (v3.2.76) рендерится как shadow root, поэтому CSS страницы больше не может протекать в UI расширения. Оно работает одинаково на play.google.com, в Notion и на каждом домене с агрессивными стилями.
Popup browser-action и все модальные окна расширения наконец получили полную тёмную тему. Новая авто-тема следует за операционной системой. Переключатель темы переделан в 3 кнопки (светлая / тёмная / авто) вместо одной циклической.
Полная перестройка вкладки Network в Output Console: два поля доменов с поддержкой множества записей через «|», Alt+клик для мгновенного добавления, экспоненциальные ползунки с полями ввода, изменяемая ширина колонок DataLayer, сокращение длинных URL.
Раньше × в TEMP CSS/JS стирал содержимое — исправлено в v3.2.2. Плюс новая кнопка «очистить» с отменой (v3.2.3). Два намерения, две кнопки.
Прежняя «справка по API» под Ctrl+Shift+H превратилась в полное двухколоночное руководство по интерфейсу расширения на странице — 8 разделов, работает глобально на каждой странице, на 8 языках. Начиная с версий v3.0.0 и v3.0.1.
Три новых сочетания клавиш из v3.2.4 открывают панель редактирования JustZix в отдельном окне браузера, автоматически выбирают первое активное правило для текущей страницы и переходят на вкладку CSS, JS или «Действия». Те же сочетания внутри панели переключают вкладки.
JustZix теперь поставляется с двумя встроенными движками обучения: один — в панели редактирования, другой — прямо на странице. 19 шагов сценария «Ваш первый проект», копируемые фрагменты кода, 8 языков, выход по Esc.
Сайты с самой строгой CSP — Facebook, X, GitHub — блокируют обычную инъекцию JS. JustZix пробивается через трёхуровневую стратегию: chrome.userScripts, new Function, blob-скрипт. Нулевая настройка в 99% случаев, разовое подтверждение для остальных.
Готовые правила для Slack, Trello, Discord, Outlook, Notion, GitHub, GitLab, Telegram и Gmail — плотность, боковые панели и режим фокуса.
Готовые правила для Wikipedia, Medium, BBC, Goodreads, Hacker News и Stack Overflow — ширина колонки, типографика, тёмный режим и сепия.
Готовые правила для Netflix, Disney+, Spotify, SoundCloud, Twitch, Vimeo и YouTube — остановите автовоспроизведение трейлеров и сократите ряды рекомендаций.
Готовые правила для Amazon, eBay, AliExpress, Etsy и Allegro — скройте спонсируемые объявления, счётчики давления и карусели cross-sell, выведите цену на первый план.
Готовые правила CSS и JS для YouTube, Reddit, X, Instagram, Facebook, TikTok, Threads, Pinterest и LinkedIn — скройте ленту «Для вас», рекомендации и счётчики.
Новая опция набора правил останавливает повторный запуск JavaScript при SPA-навигации — больше никаких дублирующихся слушателей и параллельных интервалов.
Вкладка Network в окне Output Console имеет полный набор фильтров: по домену (Домены+/Домены-), по размеру и по времени — плюс добавление доменов кликом.
Все встроенные горячие клавиши JustZix в одном месте: редакторы кода, консоль, окно Output, вкладка Network, окна TEMP и горячие клавиши действий.
Практическое руководство по диагностике и устранению расхождений между устройствами в JustZix с помощью истории синхронизации и полной ресинхронизации.
Вкладка «Состояние» в панели синхронизации JustZix теперь показывает историю синхронизации, состояние библиотеки на аккаунте и кнопку полной ресинхронизации.
JustZix обнаруживает навигацию SPA через pushState — правила, панели действий и окна, привязанные к пути URL, включаются без ручной перезагрузки страницы.
Облачная синхронизация JustZix теперь охватывает тему, язык интерфейса и статистику использования, суммируемую по всем спаренным устройствам.
Четыре новых инструмента AI Helper: ассистент тестирует код в окнах TEMP, читает ошибки из консоли страницы и создаёт не только правила, но и панели и кнопки действий.
Откройте панель редактирования JustZix — и вас встречает Дашборд: плитки с инвентарём библиотеки, статистикой использования, состоянием расширения и ярлыками к недавней работе.
Перекройте панель Booksy с JustZix — более плотный календарь, подсвеченные сегодняшние и неподтверждённые визиты, скрытые промо и режим фокуса без отвлечений.
Перекройте Allegro с JustZix — скройте спонсорские объявления, получите более плотную сетку результатов, подсветите бесплатную доставку и Smart, уберите баннеры и карусели.
Скройте баннеры Pro и промо шаблонов, увеличьте холст редактора и расчистите боковые панели Canva с помощью нескольких правил CSS и JS в JustZix.
Скройте продвигаемые посты, модули «Возможно, вы знакомы» и правую колонку новостей. Более спокойная лента LinkedIn с помощью нескольких правил CSS и JS.
Уплотните таблицы товаров и заказов, подсветите низкий остаток и неоплаченные заказы, скройте баннеры апсела — готовые правила CSS и JS для админки Shopify.
Скройте навязчивые уведомления плагинов, расчистите меню консоли, расширьте редактор записей и закрепите блок «Опубликовать» — готовые правила CSS и JS для wp-admin.
Расчистите и перекройте Gmail, Google Календарь, Документы и Таблицы: скройте панели Meet и промо, уплотните входящие, расширьте окно чтения, добавьте режим фокуса.
Перекройте Notion под себя: страницы на всю ширину, режим фокуса, свои шрифты, оформленные блоки callout, строки баз данных в полоску и липкие шапки таблиц.
Практичное руководство по переносу юзерскриптов в правила JustZix: как сравнивается модель правил, привязанных к URL, и когда какой инструмент использовать.
Очищайте параметры отслеживания из ссылок, обезвреживайте трекинговые пиксели и приводите в порядок расшаренные URL с защитными, готовыми к копированию правилами JustZix.
Расширьте просмотр кода, закрепите заголовки файлов и укротите шум интерфейса GitHub с практичными CSS-правилами JustZix, созданными для разработчиков, которые много читают код.
Скройте продвигаемые посты, рекомендованный контент и приманки для вовлечения на Reddit и X с привязанными CSS-правилами JustZix, которые можно скопировать и вставить.
Скройте Shorts, уберите хлам с конечного экрана и зафиксируйте скорость воспроизведения по умолчанию на YouTube с готовыми правилами CSS и JS от JustZix.
Практичное руководство по улучшению изображений на любой странице: увеличение при наведении, принудительная загрузка и добавление кнопки скачивания в один клик с JustZix.
Замените сломанные или скрытые пользовательские видеоплееры нативной панелью управления браузера одним JavaScript- и CSS-правилом JustZix.
Правило JustZix, которое ставит на паузу и заглушает автовоспроизводимое видео и аудио в момент его старта, чтобы страницы открывались тихо без неожиданного звука.
Используйте API «картинка в картинке» с правилом JustZix, чтобы вынести любое видео в плавающее окно, даже на сайтах, скрывающих нативную кнопку.
Добавьте собственное управление скоростью воспроизведения к каждому видеоэлементу с JavaScript-правилом JustZix, включая сочетания клавиш и плавающий значок скорости.
Превратите удобные разовые скрипты в кнопки-действия JustZix: скопировать страницу как markdown, убрать параметры отслеживания и открывать внешние ссылки в новых вкладках.
Привяжите клавиши к прокрутке, навигации и кликам на сайтах, где нет сочетаний. JavaScript-правило JustZix превращает любую страницу в управляемое клавиатурой приложение.
Перестаньте кликать «показать ещё» и «следующая страница». JavaScript-правило JustZix может раскрыть свёрнутые разделы и загрузить за вас каждую страницу.
Окна согласия cookie прерывают каждый визит. Используйте небольшое JavaScript-правило JustZix, чтобы закрывать их автоматически в момент появления.
Некоторые сайты блокируют выделение текста, копирование и контекстное меню. Снова включите всё это тремя короткими JavaScript-сниппетами и одним CSS-правилом.
Небольшой JavaScript-сниппет JustZix, который измеряет любую статью и показывает плавающий значок времени чтения и счётчика слов.
Уберите колонки рекомендаций, липкие панели и токсичные ветки комментариев из любой статьи несколькими прицельными правилами display от JustZix.
Замените слепящие белые страницы тёплыми поверхностями с низкими бликами с помощью CSS-рецептов для сепии, крема и мягких бумажных тонов.
Почему длина строки делает или ломает читаемость, и точные CSS-правила, чтобы зафиксировать любую статью на комфортной мере.
Превратите любую захламлённую страницу статьи в чистый, спокойный вид для чтения с помощью горстки CSS-правил, вставляемых JustZix.
Оформляйте полосы прокрутки и создавайте высококонтрастные или чёрно-белые темы для любого сайта с помощью CSS-правил JustZix. Практичные рецепты с упором на доступность.
Сделайте тесные сайты читаемыми, настроив размер шрифта, высоту строки и ширину контента с помощью CSS-правил JustZix. Готовые рецепты для более спокойной страницы.
Замените уродливые или трудночитаемые шрифты на любом сайте с помощью CSS-правил JustZix. Рецепты для системных шрифтов, веб-шрифтов и моноширинного для кода.
Перекрасьте ссылки, кнопки и подсветку на любом сайте с помощью CSS-правил JustZix. Практичные рецепты переопределения акцентных цветов без правки разметки.
Превратите любой яркий сайт в комфортную тёмную тему несколькими CSS-правилами JustZix. Готовые рецепты для тёмного режима на фильтрах и нативного.
Уберите спонсорские посты, рекомендованный контент и шумные боковые панели из ваших лент с полным набором готовых к копированию рецептов CSS и JS для JustZix.
Липкие панели навигации съедают экран и прячут текст при переходе к якорям. Верните себе пространство с этими готовыми CSS-рецептами JustZix.
Скрывайте баннеры, рекламные слоты и блоки спонсорского контента с помощью лёгких CSS-правил JustZix, которые загружаются мгновенно без дополнительного блокировщика.
Не дайте модальным окнам рассылок и оверлеям exit-intent прерывать ваше чтение с помощью готовых к копированию правил CSS и JavaScript для JustZix.
Уберите cookie-баннеры и оверлеи согласия несколькими готовыми правилами CSS и JS, чтобы страницы каждый раз загружались чистыми.
Обзор последнего обновления JustZix: новый ассистент AI Helper, поиск по коду в редакторе и перестроенная Output Console с 6 вкладками.
Новая панель поиска в редакторе: счётчик совпадений, синяя и жёлтая подсветка, стрелки навигации и все горячие клавиши для редакторов CSS и JS.
Честный взгляд на использование OpenAI, Anthropic и Gemini внутри AI Helper JustZix: как все три работают одинаково, реальные различия и переключение.
AI Helper никогда не меняет вашу настройку тихо. Он тестирует код в видимых окнах TEMP, и каждая папка, группа или правило требует вашего явного одобрения.
Практическое руководство: опишите цель AI Helper, посмотрите, как он осматривает страницу, тестирует в окне TEMP и сохраняет правило после вашего одобрения.
Как AI Helper осматривает живой DOM через query_page и читает вашу библиотеку правил через list_structure, и почему запрос по необходимости лучше выгрузки всей страницы.
Где AI Helper хранит ваши API-ключи, почему вызовы идут через фоновый worker, необязательная облачная синхронизация по каждому ключу и честная гигиена ключей.
Как AI Helper выполняет агентный цикл: протокол @@JZ_TOOL@@, ограничение в 8 шагов, каждый инструмент и почему всё работает одинаково у всех провайдеров.
Пошагово: получите API-ключ OpenAI, Anthropic или Gemini, введите его в Настройках JustZix, выберите провайдера по умолчанию и выберите модель.
AI Helper — это чат-ассистент, живущий внутри любой страницы. Подключите свой API-ключ, дайте ему контекст страницы и стройте вместе с ним правила CSS/JS.
Greasemonkey работает только в Firefox. Вот честное руководство по эквивалентам для Chrome: Tampermonkey, Violentmonkey и JustZix, и как выбрать нужный.
Узнай, как запустить JavaScript на любой веб-странице: консоль DevTools, букмарклеты и постоянный подход на основе правил с JustZix, плюс реальные примеры.
Узнай, как добавить пользовательский CSS на любой сайт. DevTools, инструменты браузера и подход через расширение, с пошаговым разбором JustZix и примерами.
Нужна безопасная альтернатива Stylish для пользовательского CSS? Честный взгляд на историю Stylish, открытый Stylus и JustZix — без телеметрии.
Ищешь альтернативы Tampermonkey? Честное сравнение Violentmonkey, Greasemonkey, Stylus и JustZix — что каждый делает хорошо и когда его выбирать.
У Output Console в JustZix есть вкладка Network, которая перехватывает запросы через chrome.webRequest — внутри вкладки, с фоновым буфером, фильтрами и ползунками.
Output Console в JustZix — это вьюер логов только для чтения прямо во вкладке: 6 вкладок для консоли, сети, ошибок и dataLayer, с живыми фильтрами и поиском.
Заставь правила JustZix вести себя по-разному в зависимости от времени суток или дня недели: режим фокуса в рабочие часы, ночной тёплый оттенок, вёрстка только для выходных и не только.
Отлаживай адаптивную вёрстку без DevTools: живой бейдж вьюпорта, имя брейкпоинта, поиск переполнения и сетка-линейка, внедрённые прямо на страницу.
Собери кнопку-действие JustZix, копирующую страницу или твоё выделение в чистый Markdown — заголовки, ссылки, списки, код — без навигации и рекламы.
Внедри JavaScript-оверлей доступности: за секунды находи отсутствующий alt-текст, поля без меток, низкий контраст и пропуски в заголовках на любой странице.
Внедри стиль @media print, чтобы починить печать и «Сохранить как PDF» на сайтах, которые печатаются плохо. Прячь навигацию, управляй разрывами страниц, экономь чернила.
Следи за элементом цены или наличия с помощью MutationObserver, получай уведомление при падении цены ниже порога или возврате распроданного товара в наличие.
Нейтрализуй тёмные паттерны с помощью CSS и JavaScript: прячь фальшивые таймеры и фальшивые счётчики просмотров, замораживай отсчёты и снимай заранее проставленные галочки допов.
Мягкие пейволлы прячут статью, уже находящуюся в DOM, за оверлеем и блокировкой прокрутки. Учимся убирать оверлей, разблокировать прокрутку и снимать размытие текста.
Перехватывай fetch и XMLHttpRequest в браузере, чтобы возвращать поддельный JSON, имитировать задержки, ошибки 500 и пустые списки — без мок-сервера.
Закрепи себя в любой корзине A/B-теста или варианте feature-флага, переопределив cookie или значение localStorage, которое использует сайт, — чтобы QA могла протестировать каждую ветку.
Тестировщик строит QA-тулбар сам и передаёт его команде одной ссылкой с TTL. Как это настроить, и когда использовать ссылку вместо синхронизации.
Большая часть userscript вставляется обратно без изменений. Что работает иначе — заголовок метаданных, функции GM_* — и что это заменяет.
Внедрённый JavaScript выполняется с полными правами страницы, которую ты посещаешь. Что сниппет реально может сделать, чего не может, и кому доверять.
Вводишь ключ синхронизации на другом компьютере, и твои правила просто там. Как это работает под капотом — и почему JustZix не перезапишет твою работу.
Пять правил ты держишь в голове. Пятьдесят — нет. Как четырёхуровневая иерархия JustZix масштабируется до более чем 100 правил.
URL-паттерн решает, где выполняется правило. Пять паттернов, которые стоит знать, как они складываются в иерархии, и частые ошибки.
window.JUSTZIX логирует прямо в окно Output Console — диагностируй страницу без открытия DevTools. Паттерны использования и ловушки.
Действия JustZix могут вызывать друг друга. С window.JZ ты строишь многошаговые воркфлоу из кнопок — без библиотеки.
Правило, построенное на классе .css-1a2b3c, умирает при следующем деплое сайта. Четыре правила, чтобы писать правила, переживающие рестайлинг.
Правило выполняется один раз, но страницы меняются после загрузки. MutationObserver заставляет правило реагировать на новые элементы в DOM.
Три универсальных действия JustZix, полезных почти везде: копировать чистый URL, экспортировать таблицу в CSV и Picture-in-Picture.
Сколько займёт эта статья? Правило JustZix добавляет наверху каждого текста полосу с числом слов и оценкой времени.
Параллакс, карусели и автозапускающиеся видео могут утомлять. Правило CSS плюс JS усмиряет движение на любой странице.
Страницы «подожди 5 секунд» живут за счёт твоего времени. Правило JustZix извлекает URL назначения и пропускает переадресацию мгновенно.
Одно CSS-правило показывает, какие ссылки ты уже открывал. Плюс: почему селектор :visited так сильно ограничен браузерами.
Sticky-шапки и плавающие панели могут съедать треть экрана. Как открепить или скрыть их одним CSS-правилом.
Секции комментариев и длинные посты прячут контент за «показать ещё». Правило JustZix с MutationObserver раскрывает их все автоматически.
Встроенный режим чтения непостоянен. Построй свой как действие JustZix — сводит страницу к статье, ровно так, как ты хочешь.
Наведи мышь на миниатюру — увидь увеличенный предпросмотр рядом с курсором. Лёгкий лайтбокс на чистом JavaScript как правило JustZix — без библиотеки.
Контент разбит на 40 страниц? Auto-pager подгружает следующую страницу и дописывает её, когда ты доходишь до низа. Бесконечная прокрутка в одном правиле.
Встроенный плеер останавливается на 2x. Правило JustZix добавляет управление playbackRate с клавиатуры к каждому HTML5-видео.
Страница блокирует выделение текста и правый клик? Одно правило JustZix снимает блокировку — CSS плюс перехват событий в фазе capture.
Страницы со строгой Content-Security-Policy блокируют чужие скрипты. JustZix всё равно внедряет туда твой JS — через chrome.scripting.executeScript и postMessage-мост.
Output Console в JustZix теперь ловит необработанные исключения и необработанные rejection промисов, не только явные console.log. Что меняется и что она всё ещё не ловит.
Каждое окно разработки JustZix открывается как постоянный pane или как эфемерный TEMP. Простая модель принятия решений: когда выбрать что и как повысить одно до другого.
Вызови окно CSS, JS, REPL или Output на любой странице горячей клавишей Ctrl+Alt. TEMP panes исчезают при перезагрузке — ноль конфигурации, ноль следов в твоих правилах.
PerformanceObserver перехватывает LCP (Largest Contentful Paint), CLS (Cumulative Layout Shift), INP (Interaction to Next Paint). Внедри один раз через JS-правило JustZix, Output Console показывает результаты для каждой посещённой страницы. Никакого Lighthouse, никакого F12.
Спонсированные посты смешиваются с лентами соцсетей рядом с органическим контентом. CSS-селекторы их пропускают (случайные хеши классов). Рецепт JustZix: CSS-матчер атрибутов + JS MutationObserver с текстовым совпадением для 3 платформ.
Tampermonkey/Greasemonkey — это userscript-менеджеры (только JS, метаданные заголовка). JustZix — это userscript + userstyle + UI-слой (панели действий, panes, snap-дашборд). Сравнение функция за функцией + миграция 3 типичных скриптов Tampermonkey в правила JustZix.
UI YouTube по умолчанию: спам Shorts, рекомендованные видео, прерывающие поток, никаких горячих клавиш для «пропустить интро/спонсора». Пак JustZix из 6 правил: CSS-скрытия + JS авто-пропуск + горячие клавиши (J/L перемотка, S пропуск спонсора, Shift+S шеринг скриншота).
Stylish (спорный) и Stylus — классические расширения для внедрения CSS. JustZix делает то же + JS-правила + панели действий + 4 типа окон + snap-соединения + sync + ссылки с TTL. Пошаговая миграция со сравнением функция за функцией.
Плавающая кнопка — это «вход в JustZix» на каждой странице — капля из 3 букв по папке, 4 состояния (on/mixed/off/globally-off), drag+snap с панелями/panes, контекстное меню по правому клику, попап-виджет, переключающий все правила. Полная анатомия, от позиции до клавиатуры.
У всех 3 самых популярных ИИ-чат-приложений UI по умолчанию настроен на новичков. Для опытных пользователей: слишком узкие пузыри сообщений, слабые блоки кода, оверлеи «Upgrade to Pro». CSS-сниппеты + JS-observer в JustZix, один клик, всегда там.
INPUT — это нативный <input type="text"> на панели действий. Enter → blur → выполни код. Постоянная memory по вкладке (sessionStorage + chrome.storage.local). Ключевая разница vs TEXTAREA: Enter активирует действие. Сценарии: командная строка, быстрый поиск, переопределение фильтров, кастомная навигация URL.
SELECT — это dropdown на панели действий JustZix. Два варианта: static (опции захардкожены в схеме) и js (код генерирует опции динамически). Первый отлично подходит для фиксированных пресетов (Light/Dark, выбор языка), второй — для динамических списков (категории из DOM, hotkey-закладки).
BUTTON — самый старый и самый используемый тип действия JustZix. Клик = выполни код в MAIN world. Никакого состояния, никакой memory — чистая функция. Полная кастомизация (фон, цвет текста, padding) + customStyles для попиксельной интеграции в панель действий.
С v2.13.42/55/70 правый клик на заголовках panes (CSS / JS / JS Console / Output Console) открывает контекстное меню: отсоединить snap-соединения, отключить pane, сменить шрифт + размер — без возврата на страницу опций.
Четыре слушателя в фазе capture на document (v2.13.75 + v2.13.78): Ctrl+Shift+L (очистка), Ctrl+Shift+S (переключить поиск), Ctrl+Shift+K (прокрутить viewMode), Ctrl+Shift+H (попап справки API). Все активны, когда хотя бы одна Output Console отрендерена на странице. Плюс перетаскиваемый попап справки (v2.13.80).
Действие TEXTAREA (v2.13.21) — это нативный <textarea> на панели действий JustZix. Постоянная memory по вкладке (sessionStorage + бэкап chrome.storage.local). Enter = нативный перенос строки (НЕ blur). Код запускается при blur. Сценарии: QA-блокнот, черновики комментариев, сниппеты SQL/curl/JSON по доменам.
Руководство по всем окнам JustZix во фронтенде и типам действий. Четыре типа panes (CSS pane / JS Console / JS pane / Output Console), два самых мощных действия (TOGGLE3 / SLIDER), API window.JZ + window.JUSTZIX и snap-соединения для расположения всего как мини-дашборда. Полная карта «мини-IDE во вкладке» — что выбрать когда, и как всё складывается.
CSS pane + JS pane + JS Console + Output Console + панели действий + плавающая кнопка — все живут в общем пространстве snap-ID. Перетащи одну рядом с другой → они защёлкиваются в группу. Перетащи группу → всё двигается вместе. Якорное позиционирование держит layout стабильным при изменении размеров окна.
Output Console (v2.13.66+) — это 4-й тип окна в JustZix. Просмотрщик логов только для чтения перехватывает все console.log/warn/error/info/debug страницы (sync + async). Выделенный канал window.JUSTZIX.log (основной с v2.13.76, с брендовым именем, пренебрежимо малый риск конфликта) с viewMode [C/J/C+J]. Фильтры по уровню + поиск + 2000 строк. Невосприимчив к CSP благодаря внедрению через chrome.scripting (v2.13.74).
Действие SLIDER — это нативный <input type="range"> на панели действий. Перетаскивание вживую обновляет memory без выполнения кода (событие input), отпускание выполняет код (событие change). value — это Number, не String. Сценарии: яркость, зум, font-size, скорость анимации — управляемые как физический фейдер.
Действие TOGGLE3 — это сегментированный контрол ровно с 3 состояниями. У каждого состояния своя метка, value, цвет и JS-код. Memory хранит активное состояние по действию. 5 настраиваемых цветов: bg/текст активного + bg/hover/текст неактивного.
Каждое действие JustZix получает два пространства имён в MAIN world: window.JZ (хелперы действий — click/value/setValue для элементов data-jz-action-*) и window.JUSTZIX (логгер — log/warn/error/info/debug в Output Console). Брендовое имя JUSTZIX никогда не конфликтует со скриптами страницы (Google Ads владеет window.JZ на своих страницах). Строй мини-приложения, где кнопки нажимают другие кнопки, слайдеры управляют CSS-переменными, а Output Console заменяет DevTools.
Постоянный JS-код с запуском по Ctrl+Enter / клику на ▶. Никакого авто-выполнения при загрузке. Dirty-состояние, оверлей ошибок, sessionStorage по вкладке. Сценарии: деструктивные скрипты + массовые операции.
Плавающее окно REPL с историей команд, Ctrl+L = очистка, Ctrl+Enter = eval. Перехватывает console.log/warn/error/info из контекста страницы. Хранение по вкладке.
Плавающая textarea, внедрённая в страницу, с живым внедрением <style> (debounce 200 мс). Хранение по вкладке, мульти-pane, иерархия scope. Что делает и как начать за 30 секунд.
Пять техник визуальной маркировки для непродакшен-окружений: красный баннер, плавающий бейдж, замена фавикона, оттенок вьюпорта, префикс заголовка. CSS+JS «копировать-вставить» для JustZix.
Как построить свой QA-тулбар: заполнять формы, сбрасывать состояние, копировать URL с токеном авторизации, прокручивать даты вперёд, отлаживать запросы. Всё в JustZix, без поддержки разработчиков.
Четыре JavaScript-паттерна, чтобы добавить свои горячие клавиши на любой сайт. Без ожидания автора, без тяжёлых расширений вроде Vimium. «Копировать-вставить» для JustZix.
Четыре сниппета JavaScript, чтобы проверить, что события GTM срабатывают в нужный момент с нужным payload. Никаких изменений в продакшен-коде. Готово к «копировать-вставить» для JustZix.
Четыре способа включить тёмную тему на любом сайте: фильтр invert, переопределение prefers-color-scheme, переопределение CSS-переменных, отдельная тема для сайта. Код «копировать-вставить» для JustZix.
Пять проверенных сниппетов CSS и JavaScript для скрытия cookie-баннеров на любом сайте. Код «копировать-вставить», который сразу работает в JustZix.