mobile-app-debugger
TypeScript icon, indicating that this package has built-in type declarations

1.0.8 • Public • Published

⚛️ mobile-app-debugger

App Debugger client gif example

🚀 Install

First you have to install the debugger client on your smartphone

run

yarn add mobile-app-debugger

or

npm i mobile-app-debugger --save

example of usage

About

It serves for debugging network requests, catching errors and crashes, as well as for viewing logs from a device with the ability to export data to JSON.

‼️ Important

Installation for Android

add below code in AndroidManifest.xml file in application section:

 <application
    android:usesCleartextTraffic="true"
    ...
  >
      ...
  </application>

🪄 Usage

⚙️ Setup

// Configure debugger
import { AppDebugger } from 'app-debugger';

AppDebugger.configure({
  // debugger client port
  port: number;
  // optional, ovewrrite default console behavior and send logs to debugger client
  isOverwriteConsole: boolean;
});

🌐 Network handling

💡 will soon have functionality for automatic catching of requests to the network

// Send network data to debbuger client
AppDebugger.network({
  url: string;
  method: string;
  status: number;

  // request info
  reqData?: Object;
  reqHeaders?: Object;

  // response info
  resData?: Object;
  resHeaders?: Object;
});

⚠️ Error catching

Errors and crashes are automatically caught, and you do not need to do anything. But if you want to send custom error, you can also use the following API.

NOTE: If you override componentDidCatch you must also send an error from it yourself.

// send error to debbuger client
AppDebugger.error({
  // error object
  error: Error;
  // short description of the error
  message?: string;
  // any metadata to help you
  meta?: Object;
});

💬 Send logs

if you use isOverwriteConsole: true logs will be sent automatically

// send console.log to debbuger client
AppDebugger.log(...args: any[]);
// send console.warn to debbuger client
AppDebugger.logWarn(...args: any[]);
// send console.error to debbuger client
AppDebugger.logError(...args: any[]);

Example of usage

App Debugger client gif example

App Debugger client gif example

See example in directory


if you care, you can donate money, thanks 🙃

paypal.me/agkirill

WMR - R115771767910

WMZ - Z233893567937

WME - E585715598235


Privacy policy

Package Sidebar

Install

npm i mobile-app-debugger

Weekly Downloads

8

Version

1.0.8

License

MIT

Unpacked Size

67.5 kB

Total Files

18

Last publish

Collaborators

  • igroza