Console for Mobile Browsers
npm install @yocover/erudaConsole for Mobile Browsers.
[![NPM version][npm-image]][npm-url]
[![Build status][ci-image]][ci-url]
[![Test coverage][codecov-image]][codecov-url]
[![Downloads][jsdelivr-image]][jsdelivr-url]
[![License][license-image]][npm-url]
[npm-image]: https://img.shields.io/npm/v/eruda?style=flat-square
[npm-url]: https://npmjs.org/package/eruda
[jsdelivr-image]: https://img.shields.io/jsdelivr/npm/hm/eruda?style=flat-square
[jsdelivr-url]: https://www.jsdelivr.com/package/npm/eruda
[ci-image]: https://img.shields.io/github/actions/workflow/status/liriliri/eruda/main.yml?branch=master&style=flat-square
[ci-url]: https://github.com/liriliri/eruda/actions/workflows/main.yml
[codecov-image]: https://img.shields.io/codecov/c/github/liriliri/eruda?style=flat-square
[codecov-url]: https://codecov.io/github/liriliri/eruda?branch=master
[license-image]: https://img.shields.io/npm/l/eruda?style=flat-square
[donate-image]: https://img.shields.io/badge/$-donate-0070ba.svg?style=flat-square

!Demo
Browse it on your phone: eruda.liriliri.io
You can get it on npm.
``bash`
npm install eruda --save-dev
Add this script to your page.
`html`
It's also available on jsDelivr and cdnjs.
`html``
For more detailed usage instructions, please read the documentation at eruda.liriliri.io!
This fork introduces several UI and UX enhancements:
Eruda can now be detached from its fixed bottom position and used as a floating window.
- Detachable Interface: Toggle between docked and floating modes via the Settings panel or the new menu button.
- Flexible Positioning: Drag the console by the top tab bar to reposition it anywhere on the screen.
- 8-Direction Resizing: Resize the floating console from any edge or corner.
- Quick Controls: Added a menu button (⋮) for quick toggles and a close button (×) in the top-right corner.
- State Persistence: Your floating preference, window position, and size are automatically remembered across sessions.
- Modern Aesthetics: Improved window shadows, rounded corners, and cleaner control buttons.
- Optimized Layout: Compact header design to maximize content space.
- Interactive Menu: A dropdown menu at the top-right for quick access to core functions.
- eruda-android: Simple webview with eruda loaded automatically.
- chii: Remote debugging tool.
- chobitsu: Chrome devtools protocol JavaScript implementation.
- licia: Utility library used by eruda.
- luna: UI components used by eruda.
- vivy: Icon image generation.
- eruda-pixel: UI pixel restoration tool.
- eruda-webpack-plugin: Eruda webpack plugin.
- eruda-vue-devtools: Eruda Vue-devtools plugin.
Read Contributing Guide for development setup instructions.