Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →

mobile-console-lite

Package Overview

Dependencies

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

mobile-console-lite

A console emulator for debugging on mobile and tablet

1.0.7
latest
Source
npm

Version published: 5 years ago

Weekly downloads: 6; increased by20%

Maintainers: 1

Weekly downloads

Created: 5 years ago

Source

MobileConsoleLite

Console emulator help you for debugging on mobile and tablet device. MobileConsoleLite create a DOM console catching the console.log and window error.

Installation

$ npm install mobile-console-lite
//or
$ yarn add mobile-console-lite

Importing

We recommand calling the script at the very top of the <head> of your page to be sure catching every error/log.

import MCL from "mobile-console-lite"
new MCL()

CDN

<script type="text/javascript" src="path/to/dist/mcl.js"></script>
<script type="text/javascript">
	new MCL()
</script>

Quick use

import MCL from "mobile-console-lite"
new MCL()

Will create the console at the end of body tag.

You also can specify the console container by passing a node selector in the first argument. example :

new MCL(document.querySelector("#app"))

customising

you can pass an options object for customising the console

import MCL from "mobile-console-lite"
const options = {
	//some options
}
new MCL(document.querySelector("#app"), options)

options

You can set conditions for launching the console.

hash will start the console if the hash #name is present in url

new MCL(document.querySelector("#app"), {
	initOn: {
		hash: "name"
	}
})
//will start on https://www.example.com/#name

query will start the console if the hash #name is present in url

new MCL(document.querySelector("#app"), {
	initOn: {
		query: "name"
	}
})
//will start on https://www.example.com/?name=value

You also can set the default display of console

minimize : boolean default : false

new MCL(document.querySelector("#app"), {
	display: {
		minimize: true
	}
})

by default the console will be minimize

popup : boolean default : false

new MCL(document.querySelector("#app"), {
	display: {
		popup: true
	}
})

by default the console will be popuped

TODO

Keywords

FAQs

What is mobile-console-lite?

Is mobile-console-lite popular?

Is mobile-console-lite well maintained?

Package last updated on 18 Jun 2020

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install