~ Eruda: Mobile Inspect Element ~

Original by liriliri, this is just a backup incase it ever goes down. And this repository has compiled plugin scripts. Everything in here but this message is from liriliri's readme.

Amazing mobile inspect element from a bookmark, made by liriliri.

Bookmark

You can use these bookmarks to access eruda any time with the click of a button.

Eruda NPM [JSDelivr]

javascript:(function () { var script = document.createElement('script'); script.src="https://cdn.jsdelivr.net/npm/eruda"; document.body.append(script); script.onload = function () { eruda.init(); } })();

Script Source: https://cdn.jsdelivr.net/npm/eruda

My Repo [JSDelivr]

javascript:(function () { var script = document.createElement('script'); script.src="https://cdn.jsdelivr.net/gh/VallionXD/Eruda@main/eruda.js"; document.body.append(script); script.onload = function () { eruda.init(); } })();

Script Source: https://github.com/VallionXD/Eruda/blob/main/eruda.min.js

Installation

Installation guide for eruda.

NPM

How to install eruda from the npm package.

First, install the package from npm.

npm install eruda --save

Then you can add it to your webpage like so.

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

Configuration

Adding configuration to eruda throug the init function

In the initialization, a configuration object can be passed in.

container: Container element. If not set, it will append an element directly under html root element.
tool: Choose which default tools you want, by default all will be added.

For more information, please check the documentation.

let el = document.createElement('div');
document.body.appendChild(el);

eruda.init({
    container: el,
    tool: ['console', 'elements']
});

Plugins

You can use the script below to choose which plugin to load.

javascript:(function () { var script = document.createElement('script'); script.src="https://cdn.jsdelivr.net/gh/VallionXD/Eruda@main/plugins/loader.js"; document.body.append(script); script.onload = function () { eruda.init(); } })();

All Plugins

List of all the official plugins for eruda.

Eruda Monitor Plugin

Display page fps and memory.

Eruda Features Plugin

Browser feature detections.

Eruda Timing Plugin

Show performance and resource timing.

Eruda Code Plugin

Run JavaScript code.

Eruda Benchmark Plugin

Run JavaScript benchmarks.

Eruda Geolocation Plugin

Test geolocation.

Eruda Orientation Plugin

Test orientation api.

Eruda Touches Plugin

Visualize screen touches.

Older plugins.

Some older plugins, that are still supported. These aren't mentioned on the official repository, although are by liriliri.

Eruda Dom Plugin

Eruda plugin for navigating dom tree.

Eruda FPS Plugin

Eruda plugin for displaying fps info.

If you want to create a plugin yourself, follow the guides here!

Related Projects

Plugins related to eruda mobile inspect.

eruda-android: Simple webview with eruda loaded automatically. | Link to repository
chii: Remote debugging tool. | Link to repository
chobitsu: Chrome devtools protocol JavaScript implementation. | Link to repository
licia: Utility library used by eruda. | Link to repository
luna: UI components used by eruda. | Link to repository
vivy: Banner image generation. | Link to repository

Third Party

eruda-webpack-plugin: Simple webview with eruda loaded automatically. | Link to repository
eruda-pixel: Remote debugging tool. | Link to repository

Original

Original Repository Here..

License

See liriliri's license, as I do not own this software.

Liriliri's License Here..