Media
5 items
Description
Отладка микрофронтендов arui-scripts: загрузки модулей, стадии, share scope, события шины и подмена провайдера на localhost Вкладка ARUI в Chrome DevTools для приложений, которые собирают микрофронтенды на arui-scripts. Что видно: • Модули — таблица попыток загрузки: откуда брали модуль, какой манифест прочитали, какая версия приехала. Строка раскрывается в водопад стадий с паузами между ними и в список ресурсов с Resource Timing. • Ошибки — стадия, на которой всё сломалось, сообщение и стек. Кадры стека кликабельны и открывают файл во вкладке Sources. • Таймлайн — что грузилось параллельно, а что встало в очередь за чужой загрузкой. Записи переживают перезагрузку страницы: модуль, упавший на старте, ищут уже после F5. • Share scope — что реально лежит в общих скоупах, кто какую версию просил и кто из-за этого получит не ту. • Event bus — события шины и число слушателей у каждого: сразу видно событие, ушедшее в пустоту. • Подмена — адрес провайдера перенаправляется на локальный дев-сервер. Правку в модуле видно в реальном хосте на стенде, собирать и выкладывать её для этого не нужно. Приложению ничего доустанавливать не нужно: расширение читает публичный контракт globalThis.__ARUI_DEVTOOLS__, который наполняет загрузчик модулей. В прод-сборке сбор диагностики спит и включается ключом arui:devtools в localStorage. Исходники и документация: https://github.com/core-ds/arui-scripts