skills/jamditis__claude-skills-journalism

mirror of https://github.com/jamditis/claude-skills-journalism.git synced 2026-09-14 16:00:34 +08:00

Files

T

Claude 32ef4c9c1f Add comprehensive research on web access and console debugging tools

Research covers 100+ tools across 7 categories:
- Web archive and cache tools (Wayback Machine, Archive.today, etc.)
- Paywall and geo-blocking access methods
- Remote console and mobile debugging (Eruda, vConsole, etc.)
- Browser extensions and bookmarklets
- Web page capture and preservation tools
- Page monitoring and change detection services
- Programmatic web access APIs (Playwright, proxies, CORS)

Includes detailed guides, pricing comparisons, setup instructions,
and recommendations for journalists, researchers, and developers.

2026-01-08 03:56:13 +00:00

41 KiB

Raw Permalink Blame History

Complete Guide to Remote JavaScript Console Access and Debugging on Mobile Devices

A comprehensive research guide on tools for remote JavaScript debugging on mobile devices, covering native browser tools, third-party solutions, cloud platforms, mobile apps, and self-hosted options.

Remote Debugging Tools (Native Browser)
Third-Party Remote Console Tools
Cloud-Based Browser Testing Platforms
Mobile-Specific Debugging Apps and Tools
Self-Hosted Solutions
Comparison and Recommendations

1. Remote Debugging Tools (Native Browser)

1.1 Chrome DevTools Remote Debugging

URL: https://developer.chrome.com/docs/devtools/remote-debugging

Overview: Chrome DevTools remote debugging allows you to debug web pages on Android devices directly from your development machine using Chrome DevTools.

Platforms Supported:

Android devices (Chrome browser)
Development machine: Windows, Mac, Linux

Setup Instructions:

Enable USB Debugging on Android:
- Open Developer Options on your Android device
- Enable "USB Debugging"
Connect to Development Machine:
- Open Chrome on your development machine
- Navigate to chrome://inspect#devices
- Enable "Discover USB devices"
- Connect your Android device via USB cable
Authorize Connection:
- Accept the debugging prompt on your device
- Click "Inspect" next to the URL you want to debug
Start Debugging:
- A new DevTools instance opens with full debugging capabilities
- Use Screencast to view and interact with the device screen
- Set up port forwarding for local development servers

Key Features:

Full DevTools functionality (Console, Elements, Network, Sources, etc.)
Screencast for viewing device screen
Port forwarding for localhost testing
Touch event simulation
Real-time interaction and debugging

Pricing: Free

Use Cases:

Debugging Android Chrome browsers
Testing responsive designs on real devices
Analyzing network performance on mobile
Debugging JavaScript issues specific to mobile Chrome
Testing PWAs on Android

1.2 Safari Web Inspector (iOS)

URL: https://developer.apple.com/safari/tools/

Overview: Safari Web Inspector provides remote debugging capabilities for iOS devices using Safari's native developer tools.

Platforms Supported:

iOS devices (Safari browser)
Development machine: Mac only (officially)
Windows/Linux: Possible via ios-webkit-debug-proxy

Setup Instructions (Mac):

Enable Web Inspector on iOS:
- Settings → Safari → Advanced
- Enable "Web Inspector"
Enable Develop Menu on Mac:
- Safari → Preferences → Advanced
- Check "Show Develop menu in menu bar"
Connect Device:
- Connect iPhone/iPad to Mac via USB or Wi-Fi
- Open Safari on both devices
- In Mac Safari: Develop → [Your Device Name] → Select page
Wireless Debugging (Optional):
- In Safari Technology Preview: Develop → [Device] → Connect via Network
- Unplug USB cable after connection established

Key Features:

Full Web Inspector functionality
DOM inspection and manipulation
JavaScript debugging with breakpoints
Network request monitoring
Timeline and performance profiling
Storage inspection (cookies, localStorage, etc.)

Pricing: Free (requires Mac)

Limitations:

Requires Mac for official support
Requires device pairing and USB/Wi-Fi setup
Limited to Safari browser on iOS

Use Cases:

Debugging Safari on iPhone/iPad
Testing iOS-specific issues
Performance profiling on iOS
Debugging WebKit-specific behavior
Testing iOS PWAs

1.3 Firefox Remote Debugging

URL: https://firefox-source-docs.mozilla.org/devtools-user/about_colon_debugging/

Overview: Firefox DevTools can remotely debug Firefox for Android over USB or wirelessly.

Platforms Supported:

Android devices (Firefox browser)
Development machine: Windows, Mac, Linux
Not available for iOS (platform restrictions)

Setup Instructions:

Enable Developer Options on Android:
- Settings → About phone → Tap Build Number 7 times
- Enable "USB Debugging" in Developer Options
Enable Remote Debugging in Firefox Android:
- Firefox → Settings → Advanced
- Enable "Remote Debugging"
Setup Desktop Firefox:
- Install Android Debug Bridge (adb)
- Open about:debugging in desktop Firefox
- Connect Android device via USB
Start Debugging:
- Click "Connect" next to device name
- Authorize connection on Android device
- Select the tab/page to debug

Wireless Debugging (Android 11+):

Enable "Wireless debugging" on Android
Device and computer must be on same network
Run Firefox remote debugging without USB cable

Key Features:

Full Firefox DevTools access
Console, Debugger, Inspector, Network, Performance tabs
JavaScript debugging with breakpoints
Network request inspection
Storage and cookie management

Pricing: Free

Use Cases:

Debugging Firefox on Android
Testing Firefox-specific features
Performance analysis on Android
Cross-browser compatibility testing
Debugging Gecko-specific issues

2. Third-Party Remote Console Tools

2.1 Eruda

URL: https://eruda.liriliri.io/

GitHub: https://github.com/liriliri/eruda

Overview: Eruda is a lightweight, in-browser developer console designed specifically for mobile browsers. It embeds directly into the webpage being debugged.

Platforms Supported:

All mobile browsers (iOS Safari, Android Chrome, etc.)
Desktop browsers
Any device with a web browser

Setup Instructions:

Method 1: NPM

npm install eruda --save

<script src="node_modules/eruda/eruda.js"></script>
<script>eruda.init();</script>

Method 2: CDN

<script src="https://cdn.jsdelivr.net/npm/eruda"></script>
<script>eruda.init();</script>

Method 3: Conditional Loading (Recommended)

// Only load when ?eruda=true is in URL
;(function () {
    var src = '//cdn.jsdelivr.net/npm/eruda';
    if (!/eruda=true/.test(window.location) && localStorage.getItem('active-eruda') != 'true') return;
    document.write('<scr' + 'ipt src="' + src + '"></scr' + 'ipt>');
    document.write('<scr' + 'ipt>eruda.init();</scr' + 'ipt>');
})();

Key Features:

Console: Display JavaScript logs and errors
Elements: Inspect and modify DOM
Network: Monitor HTTP requests/responses
Resources: View localStorage, sessionStorage, cookies
Info: Display URL and user agent information
Snippets: Store frequently used code snippets
Sources: View HTML, CSS, and JavaScript source
Plugin support for extensibility

Pricing: Free and open-source (MIT License)

Mobile Apps:

Eruda Browser Console (Free)
Eruda Browser Console Pro (Paid version with additional features)

Use Cases:

Debugging mobile web apps in production
Quick inspection on devices without DevTools
Client-side debugging demonstrations
Testing on various mobile browsers
Debugging webviews in hybrid apps

File Size: ~100KB gzipped (recommended to load conditionally)

2.2 vConsole

URL: https://github.com/Tencent/vConsole

Overview: vConsole is a lightweight, extendable front-end developer tool for mobile web pages, developed by Tencent. It's the official debugging tool for WeChat Mini Programs.

Platforms Supported:

All mobile browsers
Desktop browsers
Framework-agnostic (works with Vue, React, Angular, vanilla JS)
WeChat Mini Programs

Setup Instructions:

Method 1: NPM

npm install vconsole

import VConsole from 'vconsole';

const vConsole = new VConsole();
// or with options
const vConsole = new VConsole({ theme: 'dark' });

// Use console as usual
console.log('Hello world');

// Remove when done
vConsole.destroy();

Method 2: CDN

<script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>
<script>
  var vConsole = new window.VConsole();
</script>

Key Features:

Logs (console.log, info, error, warn, etc.)
Network (XMLHttpRequest, Fetch, sendBeacon)
Element (HTML elements tree)
Storage (Cookies, LocalStorage, SessionStorage)
Execute JS commands manually
Custom plugin support
Dark theme support

Configuration:

// Dynamic configuration
vConsole.setOption('log.maxLogNumber', 5000);

Pricing: Free and open-source (MIT License)

Use Cases:

WeChat Mini Program development
Mobile web debugging
Hybrid app debugging
Framework-agnostic debugging
Chinese market mobile development
Production debugging with conditional loading

2.3 Weinre (WEb INspector REmote)

URL: https://www.npmjs.com/package/weinre

GitHub: https://github.com/apache/cordova-weinre

Overview: Weinre is a remote web inspector for debugging web pages on mobile devices. Part of Apache Cordova project, it was one of the first remote debugging solutions but now has security issues in dependencies.

Platforms Supported:

iOS (Safari)
Android (Chrome and other browsers)
Any device with a browser
Development server: Requires Node.js

Setup Instructions:

Install via npm:

npm -g install weinre

Start Server:

weinre --boundHost xx.xx.xx.xx
# Default port: 8080

Add Script to Web Page:

<script src="http://192.168.1.100:8080/target/target-script-min.js#anonymous"></script>

Access Debug Client:

Open browser: http://192.168.1.100:8080
Click on debug client URL
Select target to debug

Key Features:

DOM inspection and manipulation
Console logging
Network request monitoring
Web Inspector-like interface
Supports multiple connected devices
Cross-platform compatibility

Pricing: Free and open-source

Important Warning: ⚠️ Security Notice: Weinre has dependencies with known security vulnerabilities. Use at your own risk and avoid in production environments.

Limitations:

Outdated compared to modern alternatives
Security vulnerabilities
No JavaScript debugging/breakpoints
Limited compared to modern DevTools

Use Cases:

Legacy device debugging (older iOS/Android)
Devices without native remote debugging
Smart TVs and embedded browsers
Historical/legacy project maintenance
Learning remote debugging concepts

Historical Note: Weinre was created before mobile platforms had native remote debugging. Modern alternatives (Eruda, vConsole, Vorlon.js) are recommended for new projects.

2.4 Vorlon.js

URL: https://www.vorlonjs.io/

GitHub: https://github.com/MicrosoftDX/Vorlonjs

Overview: Vorlon.js is an open-source, extensible, platform-agnostic tool for remotely debugging and testing JavaScript. Developed by Microsoft, powered by Node.js and Socket.IO.

Platforms Supported:

Any browser (mobile and desktop)
iOS, Android, Windows Phone
Smart TVs, wearables, embedded browsers
Platform-agnostic

Setup Instructions:

Install via npm:

npm i -g vorlon

Note: Currently works best with Node v16 (not v18)

Start Server:

vorlon
# Or with sudo on Mac: sudo vorlon

Access Dashboard:

Open http://localhost:1337 in browser

Add to Web App:

<script src="http://localhost:1337/vorlon.js"></script>

Desktop Version:

Download standalone executable for Windows/MacOS
Built with GitHub Electron
No Node.js installation required

Key Features:

Core Plugins:

Object Explorer: View all JavaScript variables and objects
Console: Stream console.log/warn/error messages
DOM Explorer: F12-like DOM tree with live editing
ngInspector: Angular.js scope debugging
Network Monitor: Network requests with timeline
Resources Explorer: Sessions, cookies, localStorage
XHR Panel: XMLHttpRequest call analysis
Modernizr: Feature detection
Device Info: Screen resolution, user agent, platform

Advanced Features:

Multi-device debugging (up to 50 devices simultaneously)
Execute code on all devices with single click
Proxy mode for production site debugging
Plugin extensibility
Real-time synchronization via Socket.IO

Pricing: Free and open-source

Limitations:

No breakpoint debugging (feature in development)
Cannot step through code
Requires Node v16 compatibility

Use Cases:

Multi-device testing (test on 50 devices at once)
Smart TV and wearable debugging
Production site auditing (proxy mode)
Angular.js application debugging
Cross-platform compatibility testing
Team collaboration on debugging

2.5 RemoteJS and Similar Tools

RemoteJS

URL: https://remotejs.com/

Overview: RemoteJS allows you to attach debugging tools to a remote browser without complex configuration or cables.

Key Features:

Live history of user, network, console, and application events
Execute remote JavaScript commands
Remote screenshots
Real-time websocket connection
Simplified JavaScript debugger

Use Cases:

Debugging on kiosk computers
Embedded system debugging
Remote browser issues
Mobile device debugging without cables

Pricing: Commercial tool (contact for pricing)

JSConsole

URL: https://jsconsole.com/

Overview: Simple JavaScript command line tool with remote debugging capabilities.

Setup:

Visit jsconsole.com
Get unique session key
Add script tag to your webpage
Console output appears in jsconsole session

Key Features:

Simple command line interface
Cross-device/browser bridging
Remote code execution
Console log streaming

Pricing: Free

Use Cases:

Quick mobile debugging
Remote console access
Simple JavaScript testing
Cross-device debugging

Console.Re

URL: https://console.re/

Overview: Remote JavaScript console for logging from any webpage, mobile app, or Node.js server.

Key Features:

Remote logging
Multi-device support
Separate browser window viewing
Debug info aggregation

Pricing: Free with limitations

Use Cases:

Mobile web app logging
Node.js server debugging
Multi-device log aggregation
Remote error tracking

2.6 Chii

URL: https://chii.liriliri.io/

GitHub: https://github.com/liriliri/chii

Overview: Chii is a remote debugging tool similar to Weinre, but replaces the outdated web inspector with the latest Chrome DevTools frontend. Created by the same developer as Eruda.

Platforms Supported:

Any browser with JavaScript support
Mobile and desktop browsers
Can be embedded in the same page via iframe

Setup Instructions:

Install and Start Server:

npm i -g chii
chii start

Add to Webpage:

<script src="//localhost:8080/target.js"></script>

Access DevTools:

Open http://localhost:8080 in browser

Embedded Mode:

<script src="//localhost:8080/target.js" embedded="true"></script>

Key Features:

Modern Chrome DevTools interface
More up-to-date than Weinre
Embedded debugging option
WebSocket-based communication

Pricing: Free and open-source

Use Cases:

Modern alternative to Weinre
Remote debugging with latest DevTools UI
Embedded debugging scenarios
Cross-platform mobile debugging

2.7 Spy-Debugger

URL: https://github.com/wuchangming/spy-debugger

Overview: Spy-debugger is a one-stop mobile debugging proxy tool popular in China. It integrates weinre for automatic script injection into HTML pages.

Platforms Supported:

iOS (Safari, WeChat, Facebook webviews)
Android (Chrome, webviews)
HybridApp debugging

Setup Instructions:

Install:

npm install spy-debugger -g

Start Server:

spy-debugger
# Or to fix userAgent issues: spy-debugger -b false

Configure Mobile Device:

Connect phone and PC to same Wi-Fi
Set proxy on mobile: PC's IP address, port 9888
Install certificate: Visit http://spydebugger.com/cert

Access Debug Interface:

Open the provided URL in browser
Mobile traffic will be intercepted and debugged

Key Features:

HTTP/HTTPS support
Automatic weinre script injection
Mobile webview debugging (WeChat, hybrid apps)
SSL pinning bypass for webviews
Integrated proxy (AnyProxy)
Works with external proxies (Charles, Fiddler)

Pricing: Free and open-source

Use Cases:

WeChat webview debugging
Hybrid app debugging
Mobile page inspection
HTTPS request debugging
Chinese app ecosystem debugging

3. Cloud-Based Browser Testing Platforms

3.1 BrowserStack

URL: https://www.browserstack.com/

Overview: BrowserStack is a cloud-based testing platform providing access to thousands of real mobile devices and browsers for testing and debugging.

Platforms Supported:

3000+ real browsers
10,000+ real iOS and Android devices
Desktop browsers (Chrome, Firefox, Safari, Edge, IE)
Mobile browsers (iOS Safari, Android Chrome, Samsung Internet)

Debugging Features:

Full DevTools access (Chrome and Safari developer tools)
Console logs and network logs
Screenshots and video recordings
Selenium logs and text logs
Real-time collaborative debugging
Mobile DevTools pre-installed

Setup Instructions:

Sign Up:
- Visit https://www.browserstack.com/
- Create account (free trial available)
Access Live Testing:
- Select device/browser combination
- Enter URL to test
- DevTools automatically available
Enable Local Testing:
- Download BrowserStack Local binary
- Test localhost and internal servers

Pricing (2026):

Live Testing Plans:

Live Desktop: $39/month (monthly) or $29/month (annual)
- Desktop browsers only
- For freelancers
Desktop & Mobile: $49/month (monthly) or $39/month (annual)
- Real device testing
- Mobile DevTools included
- Recommended for individuals
Team: $30/month per user (monthly) or $25/month per user (annual)
- Recommended for teams
- Collaboration features

App Automate:

$249/month (monthly) or $199/month (annual)
Unlimited users and minutes
Automation frameworks support
Advanced debugging tools

Enterprise: Custom pricing

Free Tier: Not available (trial period only)

Open Source Program: Free lifetime access for qualifying open-source projects

Key Features:

Real device cloud (not emulators)
Parallel testing
Screenshot testing
Responsive testing
Geolocation testing
Network throttling
Integrations: Jira, Slack, GitHub, Jenkins

Use Cases:

Cross-browser compatibility testing
Real device testing
Automated testing with Selenium/Appium
Visual regression testing
Responsive design testing
Team collaboration on bugs

Pros:

Largest device/browser coverage
Real devices (not simulators)
Excellent debugging tools
Good documentation

Cons:

Expensive for small teams
Can be slow during peak hours
Pricing scales quickly with parallel sessions

3.2 Sauce Labs

URL: https://saucelabs.com/

Overview: Sauce Labs is a continuous testing cloud platform providing automated and manual testing across browsers and real devices.

Platforms Supported:

500+ browser/OS combinations
Thousands of real Android and iOS devices
Virtual emulators and simulators
Desktop browsers

Debugging Features:

Video recording of test runs
Screenshots
Console logs and network logs
HAR files for network analysis
Selenium/Appium logs
Issue reports with artifacts
Real-time test observation

Setup Instructions:

Sign Up:
- Visit https://saucelabs.com/
- Free trial available
Manual Testing:
- Select device/browser
- Enter URL
- Use pre-installed debugging tools
Automated Testing:
- Configure Selenium/Appium tests
- Point to Sauce Labs endpoint
- Access logs and videos after test runs

Pricing (2026):

Live Testing: $29/month (monthly) or $19/month (annual)
- Manual testing access
Virtual Cloud: $199/month (monthly) or $149/month (annual)
- Virtual emulators/simulators
- Automation support
Real Device Cloud: $499/month (monthly) or $399/month (annual)
- Real Android and iOS devices
- Appium, Espresso, XCUITest support
Enterprise: Contact sales for custom pricing

Free Trial: Available

Key Features:

Parallel test execution (hundreds/thousands simultaneously)
Video playback and screenshots
Extensive OS/browser configurations
API integration for test results
CI/CD integrations (Jenkins, CircleCI, Azure DevOps)
Jira integration
Mobile web and native app testing

Use Cases:

Automated testing at scale
Cross-platform compatibility testing
CI/CD pipeline integration
Performance testing
Parallel test execution
Enterprise-scale testing

Pros:

Excellent automation support
Parallelization capabilities
Strong CI/CD integrations
Comprehensive debugging artifacts

Cons:

Can be expensive
Learning curve for automation setup
Video quality varies

3.3 LambdaTest

URL: https://www.lambdatest.com/

Overview: LambdaTest is an AI-driven cloud testing platform with 3,000+ browsers and real device cloud for mobile testing.

Platforms Supported:

3,000+ desktop browsers
Real Android and iOS devices (5,000+)
Virtual mobile devices
Desktop OS: Windows, macOS, Linux

Debugging Features:

Native browser developer tools
Console logs
Screenshots
Video recordings with console logs
Network logs
Mark as bug (integrations with bug trackers)
Real-time testing

Setup Instructions:

Sign Up:
- Visit https://www.lambdatest.com/pricing
- Free plan available (no trial time limit)
Real Device Testing:
- Select device from real device cloud
- Enter URL or upload app
- Access DevTools automatically
Automated Testing:
- Configure Selenium/Appium tests
- Use LambdaTest Grid
- Access test artifacts (logs, videos, screenshots)

Pricing (2026):

Freemium Plan:

Free forever
100 minutes/month of automation testing
6 concurrent sessions for automation
Limited live testing (2 sessions, renewed monthly)

Paid Plans:

Starting from $15/month
Pricing based on parallel sessions
Annual billing discounts available
Custom enterprise plans

Pricing Factors:

Number of parallel sessions
Team size
Test minutes consumed
HyperExecute usage
Compliance/enterprise support

Key Features:

AI-powered test insights
Smart visual regression testing
Geolocation testing
Network throttling
Real device cloud
Screenshot testing
Responsive testing
CI/CD integrations
Browser extensions (Chrome, Firefox)

Use Cases:

Cost-effective alternative to BrowserStack/Sauce Labs
SMB and startup testing
Automated cross-browser testing
Visual regression testing
Geo-location testing
Mobile app testing

Pros:

Most affordable cloud testing platform
Good device/browser coverage
Generous free tier
User-friendly interface
Good customer support

Cons:

Smaller than BrowserStack
Some users report occasional connection issues
UI can be overwhelming initially

3.4 Kobiton

URL: https://kobiton.com/

Overview: Kobiton is a mobile-first testing platform with AI-driven automation and debugging capabilities on real devices.

Platforms Supported:

350+ real iOS and Android devices
Private cloud or on-premise deployment
Cloud-based device lab

Debugging Features:

Real-time logs and debugging tools
Console and device logs access
Video recording
Screenshots
AI-powered test insights
Visual testing with regression detection

Pricing (2026):

Startup: $83/month
- 500 minutes/month
- For small teams
Accelerate: $399/month
- 3,000 minutes/month
- For larger operations
Enterprise: Custom pricing
- Unlimited monthly minutes
- Dedicated devices
- On-premises deployment option

Key Features:

AI-driven automation
Appium script generation
Self-healing tests
Visual regression detection
Real device access
Machine learning for test optimization
Strict data residency compliance

Use Cases:

AI-powered mobile testing
Enterprise mobile testing
Appium automation
Visual regression testing
Compliance-heavy industries
On-premise device testing

4. Mobile-Specific Debugging Apps and Tools

4.1 Flipper (Facebook)

URL: https://fbflipper.com/

GitHub: https://github.com/facebook/flipper

Overview: Flipper is Facebook's open-source desktop debugging platform for mobile developers, supporting iOS, Android, and React Native.

Platforms Supported:

iOS (native and React Native)
Android (native and React Native)
React Native apps
Desktop: macOS, Windows, Linux

Setup Instructions:

Install Flipper Desktop:
- Download from https://fbflipper.com/
- Install on macOS, Windows, or Linux
Add SDK to App:
- iOS: Add Flipper pod to Podfile
- Android: Add Flipper dependency to build.gradle
- React Native: Often pre-configured
Connect Device:
- Run app on device/simulator
- Flipper auto-detects running apps

Key Features:

Log viewer
Interactive layout inspector
Network inspector
Database browser
Shared preferences viewer
Crash reporter
Plugin system (extensible)
React DevTools integration
Redux inspector

Pricing: Free and open-source

Use Cases:

React Native debugging
iOS/Android native app debugging
Network request inspection
Layout debugging
Plugin development
Facebook/Meta app development

4.2 AppSpector

URL: https://www.appspector.com/

Overview: AppSpector provides advanced remote debugging for iOS and Android apps with SDK integration.

Platforms Supported:

iOS (native)
Android (native)
Flutter
React Native
Cordova/Ionic

Key Features:

Network logs
Database inspection
Performance monitoring
Logs and crashes
User actions tracking
Remote debugging without physical device access
Real-time data gathering

Pricing: Commercial (contact for pricing)

Use Cases:

Production app debugging
Remote user support
Performance monitoring
Network request analysis
Database debugging

4.3 Inspect (Cross-Platform)

URL: https://inspect.dev/

Overview: Inspect helps you debug the mobile web on iOS and Android from macOS, Windows, or Linux without needing a Mac.

Platforms Supported:

iOS Safari (from Windows, Mac, Linux)
Android Chrome (from Windows, Mac, Linux)
iOS Simulator
All major desktop OS

Setup Instructions:

Install Inspect:
- Download from https://inspect.dev/
- Available for macOS, Windows, Linux
Connect Device:
- Connect iOS/Android device via USB or Wi-Fi
- Enable Web Inspector/USB Debugging
- Inspect auto-detects devices
Start Debugging:
- Select device and page
- Chrome DevTools-like interface opens
- Debug with familiar tools

Key Features:

Chrome DevTools interface
iOS debugging without Mac
Wireless debugging support
Screencast and real-time interaction
VS Code/Cursor integration
CDP (Chrome DevTools Protocol) support

Pricing: Commercial (subscription-based)

Use Cases:

iOS debugging on Windows/Linux
Cross-platform teams
Remote debugging
Teams without Mac hardware
CI/CD integration

Pros:

No Mac required for iOS
Familiar DevTools interface
Cross-platform support

Cons:

Commercial product (not free)
Requires subscription

4.4 Scrcpy

URL: https://scrcpy.dev/

GitHub: https://github.com/Genymobile/scrcpy

Overview: Scrcpy (screen copy) is a free, open-source screen mirroring tool for displaying and controlling Android devices from desktop.

Platforms Supported:

Android devices (API 21+, Android 5.0+)
Desktop: Windows, macOS, Linux

Setup Instructions:

Enable USB Debugging:
- Android: Developer Options → USB Debugging
Install Scrcpy:
- Windows: scoop install scrcpy
- macOS: brew install scrcpy
- Linux: apt install scrcpy
Connect and Run:
- Connect device via USB
- Run scrcpy command
- Device screen mirrors to desktop

Wireless Connection:

adb tcpip 5555
adb connect <device-ip>:5555
scrcpy

Key Features:

High performance (30-60fps)
High quality (1920×1080+)
Low latency (35-70ms)
Fast startup (<1 second)
No root required
No app installation needed
Screen recording
Audio forwarding (Android 11+)
Keyboard and mouse control
Screen-off mirroring (Ctrl+o)

Pricing: Free and open-source

Use Cases:

Android app testing
Screen mirroring for debugging
Remote device control
Presentations and demos
Screen recording
Development without emulator

Limitations:

Android only
Requires ADB
USB or Wi-Fi connection needed

4.5 FLEX (iOS)

Overview: FLEX is an in-app debugging tool for iOS applications.

Platforms Supported:

iOS only

Key Features:

View hierarchy inspection
Interactive UI modification
File system browser
NSUserDefaults modification
Network request monitoring

Pricing: Free and open-source

Use Cases:

iOS app debugging
In-app inspection
View hierarchy debugging
Quick prototyping

4.6 Stetho (Android)

Overview: Stetho is a debugging platform for Android apps using Chrome Developer Tools.

Platforms Supported:

Android only

Key Features:

Chrome DevTools integration
Network inspection
Database inspection
View hierarchy
JavaScript console

Pricing: Free and open-source

Use Cases:

Android app debugging
SQLite database inspection
Network debugging
SharedPreferences inspection

5. Self-Hosted Solutions

5.1 ios-webkit-debug-proxy

URL: https://github.com/google/ios-webkit-debug-proxy

Overview: ios-webkit-debug-proxy is a DevTools proxy that translates Chrome Remote Debugging Protocol to Safari's WebKit protocol, enabling iOS debugging on Windows and Linux.

Platforms Supported:

iOS devices (Safari and webviews)
Desktop: Windows, Linux, macOS

Setup Instructions:

Windows (via Scoop):

scoop bucket add extras
scoop install ios-webkit-debug-proxy

Linux (Debian/Ubuntu):

# Install dependencies
sudo apt-get install autoconf automake libusb-dev libusb-1.0-0-dev \
  libplist-dev libtool libssl-dev

# Build libimobiledevice dependencies
# (libplist, libimobiledevice-glue, libusbmuxd, libimobiledevice, usbmuxd)

# Clone and build
git clone https://github.com/google/ios-webkit-debug-proxy.git
cd ios-webkit-debug-proxy
./autogen.sh
make
sudo make install

macOS:

brew install ios-webkit-debug-proxy

Device Setup:

iOS: Settings → Safari → Advanced → Web Inspector = ON

Running:

ios_webkit_debug_proxy

Access DevTools:

Chrome: Not directly compatible (protocol differences)
Use with remotedebug-ios-webkit-adapter
Or use ios-safari-remote-debug-kit for WebInspector

Key Features:

iOS debugging without Mac
WebKit protocol proxy
USB and network support
Works with Appium (port 27753)

Pricing: Free and open-source

Limitations:

Complex setup on Linux
Protocol incompatibilities with modern Chrome
Requires dependencies and compilation

Use Cases:

iOS debugging on Windows/Linux
CI/CD iOS testing on Linux
Appium iOS testing
Teams without Mac hardware

5.2 ios-safari-remote-debug-kit

URL: https://github.com/HimbeersaftLP/ios-safari-remote-debug-kit

Overview: A modern alternative to remotedebug-ios-webkit-adapter for debugging iOS Safari on Windows and Linux using WebKit's WebInspector.

Platforms Supported:

iOS Safari
Desktop: Windows, Linux

Setup Instructions:

Windows:

.\generate.ps1

Linux:

./generate.sh

This downloads WebKit WebInspector files and patches them for compatibility.

Start Debugging:

Run ios-webkit-debug-proxy
Open browser: http://localhost:8080/Main.html?ws=localhost:9222/devtools/page/1

Key Features:

Latest WebKit WebInspector UI
No Mac required
Chromium/WebKit browser support
Free and open-source

Pricing: Free and open-source

Use Cases:

Modern iOS debugging on Windows/Linux
Alternative to commercial tools
Open-source debugging solution

5.3 Self-Hosted Vorlon.js

URL: https://www.vorlonjs.io/

Setup for Self-Hosting:

npm i -g vorlon
vorlon

Access at http://localhost:1337

Deployment Options:

Node.js server on internal network
Docker container
Cloud VM (AWS, Azure, GCP)
On-premise server

Configuration:

Modify config.json for custom settings
Set port, SSL, authentication
Configure allowed origins

Use Cases:

Corporate network debugging
Internal tool debugging
Data-sensitive environments
Custom plugin development

5.4 Self-Hosted Chii

URL: https://github.com/liriliri/chii

Setup:

npm i -g chii
chii start -p 8080

Deployment:

Node.js server
Internal network deployment
Custom domain configuration

Use Cases:

Internal debugging server
Custom DevTools deployment
Corporate environments

5.5 Self-Hosted Spy-Debugger

URL: https://github.com/wuchangming/spy-debugger

Setup:

npm install spy-debugger -g
spy-debugger

Configuration:

Proxy port (default 9888)
External proxy integration
Certificate management

Use Cases:

Corporate proxy debugging
Internal tool testing
Hybrid app debugging

5.6 WebPageTest

URL: https://www.webpagetest.org/

Overview: Open-source web performance testing tool with mobile debugging capabilities.

Private Instance Setup:

Docker deployment
AWS/GCP deployment
On-premise installation

Key Features:

Performance waterfall
Network request analysis
Console log access (limited)
Screenshot timeline
Video recording
HAR file export

Pricing:

Public instance: Free
Private instance: Self-hosted (free)
Catchpoint WebPageTest: Commercial

Use Cases:

Performance debugging
Network analysis
Mobile performance testing
Core Web Vitals optimization
Waterfall analysis

6. Comparison and Recommendations

Quick Decision Matrix

Use Case	Recommended Tool	Alternative
Debug Android Chrome	Chrome DevTools Remote	Inspect.dev
Debug iOS Safari (with Mac)	Safari Web Inspector	Inspect.dev
Debug iOS Safari (without Mac)	Inspect.dev, ios-webkit-debug-proxy	ios-safari-remote-debug-kit
Debug Firefox Android	Firefox Remote Debugging	-
Quick mobile console	Eruda, vConsole	Chii
Production debugging	Eruda (conditional), vConsole	RemoteJS
Multi-device testing	Vorlon.js	BrowserStack, LambdaTest
Cloud testing (budget)	LambdaTest	Sauce Labs
Cloud testing (enterprise)	BrowserStack, Sauce Labs	Kobiton
React Native debugging	Flipper	Chrome DevTools
Android screen mirroring	Scrcpy	-
Self-hosted solution	Vorlon.js, Chii	Spy-debugger
WeChat/Chinese apps	vConsole, Spy-debugger	-
Performance testing	WebPageTest	BrowserStack, LambdaTest

By Budget

Free & Open Source:

Chrome DevTools Remote (Android)
Safari Web Inspector (iOS with Mac)
Firefox Remote Debugging
Eruda
vConsole
Chii
Vorlon.js
Flipper
Scrcpy
ios-webkit-debug-proxy

Freemium:

LambdaTest (100 min/month free)
JSConsole
Console.Re

Paid:

BrowserStack (from $29/month)
Sauce Labs (from $19/month)
LambdaTest (from $15/month)
Kobiton (from $83/month)
Inspect.dev (subscription)
RemoteJS (commercial)
AppSpector (commercial)

By Platform

iOS Only:

Safari Web Inspector
FLEX
Inspect.dev (cross-platform but supports iOS)

Android Only:

Chrome DevTools Remote
Scrcpy
Stetho

Cross-Platform:

Eruda
vConsole
Vorlon.js
Chii
Weinre (deprecated)
Spy-debugger
BrowserStack
Sauce Labs
LambdaTest
Flipper (iOS/Android/React Native)

Recommendations by Team Size

Individual Developer / Freelancer:

Chrome DevTools Remote / Safari Web Inspector (native tools)
Eruda or vConsole (embedded debugging)
LambdaTest Freemium plan
Scrcpy (Android mirroring)

Small Team (2-10 people):

Native browser debugging tools
Eruda/vConsole for production debugging
LambdaTest or BrowserStack Live Testing plan
Vorlon.js for self-hosted multi-device testing
Inspect.dev if team lacks Mac hardware

Medium Team (10-50 people):

BrowserStack or Sauce Labs (Team plans)
Automated testing integration
Self-hosted Vorlon.js for internal tools
Flipper for mobile app development
CI/CD integration with cloud platforms

Enterprise (50+ people):

BrowserStack or Sauce Labs Enterprise
Kobiton (for on-premise requirements)
Dedicated device labs
Custom self-hosted solutions
Comprehensive CI/CD integration
Compliance and security requirements

Modern vs Legacy Tools

Modern (Recommended for New Projects):

Eruda
vConsole
Chii
Vorlon.js
Flipper
Inspect.dev
BrowserStack
LambdaTest

Legacy (Use Only if Necessary):

Weinre (security issues, outdated)
Old versions of ios-webkit-debug-proxy

Security Considerations

Production-Safe:

Eruda with conditional loading (?eruda=true)
vConsole with environment detection
Cloud platforms with secure connections

Development Only:

Weinre (security vulnerabilities)
Open debug ports
Unsecured WebSocket connections

Enterprise/Compliance:

Kobiton (on-premise option)
BrowserStack (SOC2, GDPR compliant)
Self-hosted solutions with VPN

Summary

Remote JavaScript debugging for mobile devices has evolved significantly. For most developers:

Start with native tools: Chrome DevTools Remote (Android) and Safari Web Inspector (iOS with Mac)
Add embedded consoles for production: Eruda or vConsole with conditional loading
Use cloud platforms for comprehensive testing: LambdaTest (budget), BrowserStack (comprehensive), or Sauce Labs (automation-focused)
Consider specialized tools:
- Inspect.dev for iOS debugging without Mac
- Flipper for React Native
- Scrcpy for Android mirroring
- Vorlon.js for self-hosted multi-device debugging
Avoid legacy tools: Weinre has security issues; use modern alternatives

The choice depends on your specific needs: budget, platform requirements, team size, and whether you need production debugging, development debugging, or both.

Sources

Document Version: 1.0 Last Updated: January 8, 2026 Total Tools Covered: 25+

41 KiB Raw Permalink Blame History Unescape Escape

Complete Guide to Remote JavaScript Console Access and Debugging on Mobile Devices

Table of Contents

1. Remote Debugging Tools (Native Browser)

1.1 Chrome DevTools Remote Debugging

1.2 Safari Web Inspector (iOS)

1.3 Firefox Remote Debugging

2. Third-Party Remote Console Tools

2.1 Eruda

2.2 vConsole

2.3 Weinre (WEb INspector REmote)

2.4 Vorlon.js

2.5 RemoteJS and Similar Tools

RemoteJS

JSConsole

Console.Re

2.6 Chii

2.7 Spy-Debugger

3. Cloud-Based Browser Testing Platforms

3.1 BrowserStack

3.2 Sauce Labs

3.3 LambdaTest

3.4 Kobiton

4. Mobile-Specific Debugging Apps and Tools

4.1 Flipper (Facebook)

4.2 AppSpector

4.3 Inspect (Cross-Platform)

4.4 Scrcpy

4.5 FLEX (iOS)

4.6 Stetho (Android)

5. Self-Hosted Solutions

5.1 ios-webkit-debug-proxy

5.2 ios-safari-remote-debug-kit

5.3 Self-Hosted Vorlon.js

5.4 Self-Hosted Chii

5.5 Self-Hosted Spy-Debugger

5.6 WebPageTest

6. Comparison and Recommendations

Quick Decision Matrix

By Budget

By Platform

Recommendations by Team Size

Modern vs Legacy Tools

Security Considerations

Summary

Sources

41 KiB

Raw Permalink Blame History