Что это такое?
Eruda — это панель консоли и инструментов разработчика для мобильных браузеров, которая позволяет отлаживать веб-страницы на телефоне так же, как вы использовали бы Chrome DevTools на компьютере.
Это самостоятельное приложение или то, что встраивается в страницу?
Это библиотека на JavaScript, которую вы подключаете к веб-странице как скрипт; после этого она накладывает на страницу плавающую панель, похожую на DevTools.
Как добавить её на мой сайт?
Установите её через npm или просто подключите напрямую с jsDelivr или cdnjs как тег script на своей странице.
Нужны ли мне какие-то инструменты сборки или фреймворки, чтобы её использовать?
Нет, она работает как обычный тег script или пакет npm без обязательного фреймворка; построена на собственной утилитарной библиотеке автора «licia» и UI-компонентах «luna».
Можно ли попробовать до установки?
Да, есть живая демонстрация, которую можно открыть прямо на телефоне по адресу eruda.liriliri.io.
Есть ли связанные инструменты для автоматического внедрения или для конкретных фреймворков?
Да: «eruda-android» автоматически загружает eruda в webview, «eruda-webpack-plugin» интегрирует её в сборки webpack, а «eruda-vue-devtools» добавляет панели отладки, специфичные для Vue.
Какой связанный проект отвечает за удалённую отладку?
Автор также поддерживает «chii» — инструмент удалённой отладки, и «chobitsu» — реализацию протокола Chrome DevTools на JavaScript; это отдельные, но родственные проекты.
What are similar projects?
vConsole, better-scroll, debug, vuex, react-scan, fastclick, swiper, mint-ui
