eruda README

The project's README from github.com/liriliri/eruda. As one markdown file: README.md.

Eruda

Console for Mobile Browsers.

NPM version Build status Test coverage Downloads License

Demo

Demo

Browse it on your phone: eruda.liriliri.io

Install

You can get it on npm.

npm install eruda --save-dev

Add this script to your page.

<script src="node_modules/eruda/eruda.js"></script>
<script>eruda.init();</script>

It's also available on jsDelivr and cdnjs.

<script src="https://cdn.jsdelivr.net/npm/eruda"></script>
<script>eruda.init();</script>

For more detailed usage instructions, please read the documentation at eruda.liriliri.io!

Third Party

Backers

Contribution

Read Contributing Guide for development setup instructions.

eruda (liriliri/eruda)

Searching Database…

21.2K ·GitHub
Что это такое?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; это отдельные, но родственные проекты.
Creator
liriliri
Size
3.5 MB
Stars
21.2K
Age
10y
Commits · 90 Days