mobile-console-lite

Dependencies

Maintainers

Versions

Alerts

File Explorer

Advanced tools

npm Scripts

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: 4 years ago

Weekly downloads: 90; decreased by-20.35%

Maintainers: 1

Install size: 171 kB

Created: 5 years ago

Weekly downloads

Readme

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?

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