Eruda

Console for Mobile Browsers.

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!

New Features (Fork Updates)

This fork introduces several UI and UX enhancements:

Floating Mode

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.

UI Enhancements

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