Vue Inspector

Русский

English

Русский

English

Appearance

История релизов ​

[2.0.0] - 2026-01-23 ​

Core ​

  • Добавлена поддержка корпоративной версии приложения, не требующей установки.
  • Добавлена система отслеживания версий и уведомлений о доступности новых обновлений.
  • Проект переведён в формат iframe и больше не использует popup как точку входа.

Производительность ​

  • Решена проблема мгновенной утечки памяти на статичных сайтах, включая Docusaurus и Hugo.

UI / UX ​

  • Проведён рефакторинг стилей и общего визуального оформления продукта.

[2.1.0] - 2026-02-02 ​

Core ​

  • Добавлена новая вкладка управления — Network.
  • Проведён редизайн приложения с учётом нового расположения в iframe вместо popup: на экране теперь доступно больше полезной информации.
  • Скорректирована вёрстка блоков JSON — блок отображается на всю высоту приложения.
  • Исправлено залипание вкладок при раннем открытии приложения: ранее для отображения вкладок Props и Pinia требовалась полная перезагрузка страницы.

Props ​

  • Исправлена ошибка, при которой избранные элементы Props не находились после обновления страницы или повторного прохождения сценариев.
  • Оптимизирована работа с Props для длительных сессий без избыточной нагрузки на CPU, проведён рефакторинг внутренней логики.
  • Переработана вкладка Props: улучшена работа с большим количеством объектов и поиск при наведении.
  • Из вкладки Props удалён режим Props only.

Network ​

  • Добавлен перехват всех вызовов fetch и XMLHttpRequest, за исключением запросов типа OPTIONS и запросов, инициированных расширением.
  • Добавлено отображение сводной информации по запросам: статус, метод, имя, время выполнения, размер.
  • Добавлен подробный просмотр запроса с разделами: параметры, авторизация, заголовки, запрос, ответ. Отображаются только заголовки, доступные в рамках CORS-ограничений браузера.
  • Добавлена возможность приостановки и возобновления записи запросов. Запись включена по умолчанию при первом открытии приложения.
  • Добавлен Breakpoint — остановка и модификация исходящего запроса перед отправкой.
  • Добавлен Mock Response — перехват заранее выбранного запроса с подменой ответа.
  • Добавлено быстрое копирование в буфер обмена URL-адресов, токенов и ключевых элементов.
  • Добавлена очистка всех записанных запросов одной кнопкой.
  • Реализована событийная архитектура без polling для минимального использования CPU.
  • Добавлено автоматическое определение двоичного содержимого — для таких данных отображаются только метаданные.

[2.2.0] - 2026-02-24 ​

Core ​

  • Добавлена настройка Display Mode с возможностью переноса приложения во вкладку DevTools и отключения overlay-режима.

  • Проведён рефакторинг вкладки Options — настройки разбиты на логические разделы.

  • Изменена логика работы активных фильтров на вкладках Props, Pinia Store и Network: редактирование набора фильтров теперь доступно без перехода в настройки.

  • Исправлена область нажатия (click area) в текстовом режиме отображения JSON.

  • Большие JSON больше не обрезаются: для сохранения производительности при отображении отключаются CSS-стили.

  • Обновлена логика уведомления о новых версиях:

    • Dismiss переименована в Later;
    • Download переименована в Preview и ведёт в Options → About;
    • добавлен блок с деталями версии и кнопками Ignore и Download.

Props ​

  • Исправлена ошибка отсутствия подсветки UI-элементов Props в режиме Standalone.

Network ​

  • Добавлена поддержка form-data для чтения и подмены трафика.

  • Добавлена возможность сохранять используемые файлы для повторного использования при работе с Breakpoint и form-data.

  • Добавлены режимы Rewrite Breakpoint и Rewrite Mock: при наличии существующего перехвата предлагается перезаписать правило вместо создания нового.

  • Добавлена индикация активных Breakpoint и Mock для запроса; переход по счётчику открывает соответствующий раздел настроек.

  • Добавлен поиск по статус-коду ответа.

  • Расширены возможности Breakpoint — добавлен учёт HTTP-метода при перехвате.

  • Исправлена ошибка, при которой инспектор не открывался при срабатывании Breakpoint.

  • В контекстное меню запроса добавлены действия:

    • Disable / Enable Breakpoint
    • Disable / Enable Mock
    • Delete Breakpoint / Mock
    • пункты отображаются только при наличии соответствующего правила.

Options ​

General ​

  • Базовые настройки приложения (Display Mode, Search Parameters, Auto Refresh, JSON Editor Mode) перенесены в отдельный раздел.
  • Управление файлом настроек (Settings Management) перенесено из шапки вкладки.

Network ​

  • Search Settings вынесены в отдельный раздел и стали независимыми.
  • Скорректирована вёрстка таблиц Breakpoints и Mocks — данные больше не растягиваются.
  • Добавлена возможность отключения и редактирования ранее созданных правил.

Props ​

  • Управление файлом настроек перенесено в раздел.
  • Component Blacklist перенесён из общего блока настроек.
  • Favorite Components перенесены из общего блока настроек.

Pinia Store ​

  • Управление файлом настроек перенесено в раздел.

About ​

  • Добавлены кнопки Release notes и Check for updates (доступно только в extension-версии).

  • При наличии новой версии:

    • Ignore отключает повторные уведомления для текущей версии; состояние сбрасывается после выхода более новой версии.
    • Download инициирует загрузку архива с приложением.

[2.3.0] - 2026-03-16 ​

Network ​

  • Добавлена генерация Postman-коллекций на основе запросов, собранных во вкладке Network.
  • В однопанельном режиме кнопка Copy cURL заменена контекстным меню с доступом к:
    • Breakpoint
    • Mock
    • Copy cURL
  • Добавлена логика вызова контекстного меню (ПКМ) по шапке детализации запроса.

Props ​

  • Исправлена работа избранного и чёрного списка при работе с Props.
  • Изменена логика сбора данных с учетом blacklist: игнорируемые элементы исключаются на этапе предварительного обхода, а не только скрываются из таблицы, что ускоряет загрузку вкладки.
  • Добавлено меню быстрых действий для Props.
  • Добавлена возможность обновления открытого компонента в режиме чтения.
  • Добавлены shortcut-переходы к списку избранного при нажатии на счётчик избранных элементов.

Store ​

  • Добавлен функционал избранного для Pinia Store включая shortcut-переход.
  • Добавлено меню быстрых действий для Pinia Store.
  • Добавлена возможность обновления открытого элемента в режиме чтения.
  • В разделе Options доступно создание и редактирование пользовательских избранных элементов, включая поддержку wildcards.

Options ​

  • Изменён алгоритм хранения пользовательских настроек: выбранные файлы теперь сохраняются как локальные копии в хранилище приложения.
  • Standalone-версия переведена на собственное локальное хранилище. Настройки сохраняются между запусками и доступны на разных сайтах без потери данных.
  • Режим tree временно отключён — работа с JSON доступна только в text-режиме.

Customize ​

В разделе Options → General → Customize добавлены настройки визуального оформления приложения:

  • Dark / Light — цветовая схема;
  • Image — фон (File / Link) с поддержкой:
    • статичных изображений,
    • GIF,
    • MP4;
  • Выбор файла через Browse или из списка ранее сохранённых;
  • Добавление файла по ссылке;
  • Image Opacity — прозрачность;
  • Blur — размытие;
  • Noise Intensity / Opacity — параметры шумового слоя;
  • Position (X / Y) — положение изображения;
  • Scale — масштаб (100–200%).

UI / UX ​

  • Добавлена адаптивная раскладка интерфейса для небольших экранов.
  • На широких экранах используется двухпанельный режим: список и детали отображаются одновременно.
  • При ширине около 1000px интерфейс автоматически переключается в однопанельный режим.
  • Добавлена поддержка клавиши Esc для закрытия активных панелей и диалогов.
  • Добавлена поддержка поиска Ctrl+F в режиме вкладки DevTools.
  • Добавлены скелетоны загрузки для таблиц Props и Pinia вместо текста Not found.
  • Добавлены настройки отображения колонок для таблиц Props, Pinia и Network.
  • Изменён дизайн шеврона для открытия iframe.
  • Добавлена поддержка контекстного меню (ПКМ) при работе с таблицами.

Производительность ​

  • Изменена логика обработки blacklist во вкладке Props: заблокированные элементы больше не участвуют в предварительном обходе, что ускоряет сбор данных и загрузку вкладки.

Исправления ​

  • Исправлена область нажатия для блока JSON при редактировании во время скролла.
  • Исправлены зависания приложения при длительной работе вкладки Network.
  • Исправлено поведение Ctrl+A — выделение применяется только к активному полю ввода.
  • Исправлено отображение кнопок сброса и удаления в disabled-состоянии.
  • Исправлено отображение таблиц в Options при большом количестве значений.
  • Исправлены стили режима редактирования JSON.
  • Внесены косметические правки оформления.

[2.4.0] - 2026-04-05 ​

Network ​

  • При установке паузы, перехватчики инспектора теперь снимаются, в стандартных Devtools будет отображаться оригинальный инициатор вместо injected.ts.
  • Таблица Network переведена на виртуализацию для ускорения работы и снижения фризов.
  • Изменено стартовое окно при открытии детализации запроса — по умолчанию теперь открывается Response.
  • При срабатывании Breakpoint остановленный метод автоматически открывается на вкладке Request.
  • В списках Search by на вкладке Network и в разделе Options добавлена поддержка поиска по колонке Name.

Props ​

  • Значительно ускорена работа с Props, что позволяет безопасно использовать автообновление данных.

  • В таблице Props колонка Props заменена на Passed и Declared (все колонки доступны для скрытия):

    • Passed — количество Props, полученных в текущий момент.
    • Declared — количество возможных Props, объявленных для элемента.

  • В правом блоке детализации Props данные разделены на две вкладки:

    • Passed — фактически переданные Props (открывается по умолчанию).
    • Declared — все Props, объявленные компонентом.

  • В блоке Details Props добавлен параметр Size.

Inspect (Props Inspector) ​

  • Добавлен режим выбора элементов на странице по аналогии с Chrome DevTools Elements.
  • Позволяет выбрать элемент прямо на странице и быстро отфильтровать список Props.
  • Подсвечивает Vue-компоненты при наведении.
  • Показывает краткую информацию об элементе: Name, Root element, Received Props, Nested components.
  • После выбора отображает Props только выбранного элемента и его вложенных компонентов.
  • Фильтр можно быстро сбросить через бейдж Filtered.

UI / UX ​

Оконный режим ​

  • Добавлена поддержка оконного режима приложения с сохранением выбранного положения для обеих версий запуска.
  • Обновлён шеврон открытия iframe — добавлена иконка перетаскивания.
  • Добавлена возможность закрепления шеврона по любой из четырёх сторон браузера с автоматическим растягиванием окна приложения по высоте.

Настройки автозапуска ​

  • Добавлена возможность задать список сайтов для автоматического запуска приложения (Whitelist) и список исключений, где запуск приложения и отображение шеврона запрещены (Blacklist).

  • Добавлено popup-меню расширения с быстрыми действиями:

    • Forced Launch - Принудительный запуск приложения (игнорирует ограничения white и blacklist site, а так же внутреннее ограничение на статичные сайты);
    • Reset Settings - Сброс всех настроек расширения.

Прочие улучшения интерфейса ​

  • Исправлены стили JSON для больших объёмов данных.
  • Добавлена возможность точного поиска при вводе значения в кавычках: без кавычек поиск работает в режиме like.
  • Внесены мелкие визуальные правки интерфейса.
  • Доработана логика закрытия вкладок по клавише Esc в режиме DevTools: сначала выполняется выход из вкладок, а если закрывать больше нечего — открывается консоль DevTools.

Производительность ​

  • Изменён механизм определения Props и Store — получение данных значительно ускорено.
  • Увеличены лимиты на максимальное количество вычитываемых Props.
  • Проведён рефакторинг внутренней структуры проекта: удалены неиспользуемые модули, мёртвый код и дублирующая логика.

Документация ​

  • У проекта появилась полноценная документация.
  • На лендинговой странице добавлен раздел Documentation.
  • В разделе Options → About добавлен быстрый переход к документации.

Исправления ​

  • Заблокирована работа стандартного ПКМ внутри контекстного меню приложения.
  • Исправлено ложное определение избранного в детализации Props при совпадении имён.
  • Доработана логика поиска в режиме DevTools: исправлен кейс, при котором поиск мог перестать работать; добавлен сброс подсветки при очистке поля и закрытии поиска.
  • Исправлена ошибка при сохранении изменений Getters в Pinia Store.
  • Исправлена ошибка получения данных Props во Vue при локальной разработке.
  • Исправлены ошибки работы Network при локальной разработке.

[2.5.0] - 2026-05-17 ​

Network ​

Добавлена возможность свернуть / развернуть разделы заголовком network Приложение теперь запоминает последнюю вкладку где работал пользователь, при открытии запроса, последующий будет открываться на той же вкладке. где пользователь работал с предыдущим запросом

Глобальная приостановка Breakpoint и Mock
На панели Network (справа, рядом с управлением записью журнала) добавлены две кнопки: приостановка / возобновление всех правил breakpoint (иконка с кругом и паузой, активное состояние — янтарный акцент) и приостановка / возобновление всех mock response (иконка shuffle, активное состояние — фиолетовый акцент). Правила не удаляются из Options → Network; при «выключении» перехват соответствующего типа на странице не выполняется. Те же флаги задаются чекбоксами Enable breakpoint rules и Enable mock responses в настройках списков; панель и Options синхронизированы. Индикаторы bp и mock в приглушённом стиле показывают, что глобально применение правил отключено.

Режим захвата сети: Advanced (расширенный)
В настройках Network доступен режим Advanced mode: расширение запрашивает дополнительные права и собирает полный набор заголовков запроса и ответа (в том числе те, что в обычной вкладке Network в DevTools не всегда видны ограничениями страницы). Режим Classic mode (ранее условно «сохранённый» снимок) по-прежнему показывает только заголовки в рамках стандартного, «классического» просмотра без обхода этих ограничений.

Важно для Standalone
Расширенный захват и связанные с ним возможности недоступны в Standalone: там по-прежнему используется только классический сценарий без расширенных заголовков и без меню/настроек Advanced.

Что даёт Advanced mode в Network

  • Дополнительные заголовки в блоках Request / Response на вкладке заголовков выбранного запроса.
  • Закрепление заголовков (pin) — выбранные имена можно закрепить вверху списка отдельно для запроса и ответа; список закреплений можно править в настройках (только при включённом Advanced).
  • Свои ссылки по заголовку (header links) — для хоста и шаблона URL можно открывать внешний ресурс с подстановкой значения заголовка (например, переход к трейсам, поиску по ID, внутренним дашбордам). Управление правилами — в настройках Network и через контекстное меню строки заголовка (при Advanced).
  • Настройки Header links и Pinned headers в опциях отображаются только при включённом Advanced mode, чтобы не перегружать интерфейс в классическом режиме.

UI / UX ​

JSON Mode (Options → General)
В разделе Options → General добавлен переключатель JSON Mode с двумя вариантами:

  • Classic — встроенный текстовый редактор с подсветкой синтаксиса (Prism, JsonTextEditor): один текстовый вид без дерева, оптимизирован для больших фрагментов (ослабление подсветки на очень длинных JSON и облегчённый просмотр для крупных не-JSON тел только для чтения).
  • Advanced — редактор на базе vanilla-jsoneditor: два представления одного JSON — Text (код) и Tree (структура); переключение с панели инструментов, последний выбранный режим (Text / Tree) сохраняется в настройках (json.mode). В Advanced доступны Format / Compact (где разрешено редактирование), Undo / Redo, поиск, копирование; в дереве — свёртка/развёртка узлов, навигация по пути, контекстные меню и связанные с деревом сценарии сортировки и правки.

Переключатель Classic / Advanced задаёт реализацию для JSON в интерфейсе (тела запросов/ответов в Network, Mock, снимки Pinia, JSON на Props и т.д.). Для контента не в формате JSON по-прежнему используется текстовый просмотр с подсветкой, где это поддерживается.

Лицензия GPL-3.0.