Intercept network requests, analyze console streams, track navigation routes, and monitor custom analytics events directly from your device screens. No debugger ports or cables required.
Everything you need to troubleshoot, audit, and verify your mobile application states in real-time.
Monitor raw HTTP packets, track headers, body payloads, latency, and status codes. Copy requests directly as Axios fetch or cURL commands.
Interactive in-app logs window displaying React Native warnings, errors, and system logging messages in color-coded cards.
Audit scripts, styles, resources, navigation history, and console messages running inside nested web views dynamically.
Observe real-time events triggered inside Google Analytics, Firebase, or custom marketing platforms as they happen.
Interact with our simulation of the React Native inspector client. Toggle tabs to see mock network requests and logs.
{ "method": "Google", "role": "Lead Architect" }
{ "screen_name": "HomeScreen" }
Add the inspector to your app in under three minutes.
Add the library as a dev dependency via npm or yarn package manager.
Place the inspector at the root level overlay of your application.
Open your app, tap the floating overlay trigger, and explore the runtime details.
import React from 'react';
import { SafeAreaView } from 'react-native';
import NetworkInspector from 'react-native-inapp-inspector';
const App = () => {
return (
<SafeAreaView style={{ flex: 1 }}>
{/* Your application components */}
{/* Floating overlay UI */}
<NetworkInspector />
</SafeAreaView>
);
};
export default App;