Eruda

[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

!Demo

Browse it on your phone: eruda.liriliri.io

Install

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!

New Features (Fork Updates)

This fork introduces several UI and UX enhancements:

$3

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.

$3

- 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.

Related Projects

- 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.

Third Party

- eruda-pixel: UI pixel restoration tool.
- eruda-webpack-plugin: Eruda webpack plugin.
- eruda-vue-devtools: Eruda Vue-devtools plugin.

Backers

Contribution

Read Contributing Guide for development setup instructions.