When to use
- Debugging web pages on phones and tablets
- Accessing console errors without desktop DevTools
- Testing responsive designs on real devices
- Diagnosing mobile-specific issues (touch events, viewport)
- Setting up error monitoring for production
What's included
Eruda and vConsole
In-page DevTools with console, elements, network, and storage panels. Bookmarklet injection.
Native remote debugging
Chrome DevTools for Android, Safari Web Inspector for iOS, Firefox remote debugging.
Cloud testing platforms
LambdaTest, BrowserStack integration with Playwright/Puppeteer console capture.
Error monitoring
Sentry and LogRocket setup for production error capture and session replay.
Quick start: Eruda bookmarklet
Add this as a bookmark on your mobile browser, then tap it on any page to inject a DevTools panel:
javascript:(function(){var script=document.createElement('script');script.src='https://cdn.jsdelivr.net/npm/eruda';document.body.append(script);script.onload=function(){eruda.init();}})();
Tool comparison
| Tool | Cost |
|---|---|
| Eruda | Free |
| vConsole | Free |
| Chrome Remote | Free |
| Safari Inspector | Free |
| Inspect.dev | Paid |
| LambdaTest | Freemium |
Decision guide
Physical device with USB?
Android: Chrome DevTools at chrome://inspect. iOS with Mac: Safari Web Inspector. iOS without Mac: Inspect.dev.
Physical device, no cable?
Inject Eruda or vConsole via bookmarklet on any page.
Production or remote debugging?
Add conditional Eruda loading (?eruda=true) or set up Sentry/LogRocket for error monitoring.
Automated testing?
Playwright/Puppeteer with mobile emulation, or cloud platforms (LambdaTest, BrowserStack).
Installation
# Clone the repository
git clone https://github.com/jamditis/claude-skills-journalism.git
# Copy the skill to your Claude config
cp -r claude-skills-journalism/mobile-debugging ~/.claude/skills/
Or download just this skill from the GitHub repository.