mic-inspector

A react inspector which a most similar of Chorme DevTools inspector

Usage no npm install needed!

<script type="module">
  import micInspector from 'https://cdn.skypack.dev/mic-inspector';
</script>

README

Mic-Inspector

A react inspector which a most similar of Chorme DevTools inspector.

Here is a demo that you can inspect something by this component.

Installation

# Yarn
yarn add mic-inspector

# NPM
npm install mic-inspector

Usage

// Object inspector
import { Inspector } from 'mic-inspector';

const obj = { a: 1, b: 2, get self() { return obj; } };

<Inspector name='document' value={document} />;
<Inspector name='object' value={obj} />;


// DOM inspector
import { DomInspector } from 'mic-inspector';

<DomInspector dom={document} />;

Components