explaingit

liriliri/eruda

★ 20,990JavaScriptAudience · developerComplexity · 2/5QuietLicenseSetup · easy

TLDR

A floating developer console for mobile browsers that shows logs, errors, and debugging tools directly on your phone screen.

Mindmap

mindmap
  root((repo))
    What it does
      Mobile dev console
      Floating debug panel
      Error logging
    How to use
      Add script tag
      Call eruda.init
      Tap button to open
    Use cases
      Debug on phone
      Production troubleshooting
      Development testing
    Tech stack
      JavaScript
      Browser APIs
      CDN delivery
    Related tools
      Chii remote debugger
      Eruda Android app

Things people build with this

USE CASE 1

Debug JavaScript errors and console logs on your phone while testing a web app.

USE CASE 2

Troubleshoot production issues on mobile devices without needing a desktop computer.

USE CASE 3

Inspect network requests and performance metrics directly on a mobile browser.

USE CASE 4

Monitor app behavior during development by viewing real-time console output on your device.

Tech stack

JavaScriptHTML5CSS3npmCDN

Getting it running

Difficulty · easy Time to first run · 5min
Use freely for any purpose, including commercial use, as long as you keep the copyright notice.

In plain English

Eruda is a developer console for mobile browsers, written in JavaScript. Mobile browsers don't have built-in developer tools like desktop browsers do, which makes debugging web pages on a phone difficult. Eruda solves this by injecting a floating panel into any web page that provides console output, error logging, and other debugging tools directly on the device. To use it, you add a short script snippet to your web page either via npm or a CDN link like jsDelivr or cdnjs, then call eruda.init(). A small button appears on the page, and tapping it opens the developer panel. It can be used during development or to debug issues in production on mobile. The project also has a related remote debugging tool called chii and an Android app called eruda-android that loads pages with Eruda automatically.

Copy-paste prompts

Prompt 1
Show me how to add Eruda to my web page using a CDN link and open the console on mobile.
Prompt 2
I need to debug a JavaScript error that only happens on my phone, how do I use Eruda to see the error message?
Prompt 3
How do I integrate Eruda into my npm project and customize the floating panel appearance?
Prompt 4
Can I use Eruda to inspect network requests and see what data my mobile app is sending?
Prompt 5
What's the difference between using Eruda for development vs. leaving it enabled in production?
Open on GitHub → Explain another repo

Generated 2026-05-18 · Model: sonnet-4-6 · Verify against the repo before relying on details.