show-js-error

⚠️ Show JS Error
=============


Shows a message when an js error occurs in a browser.

Useful for developing and testing your site on mobile phones, smart TV, tablets and desktop.

Demo

Shortly:
!Shortly


Detail:
!Detail

Features

- Support:
- JavaScript errors
- Unhandled rejections
- CSP errors
- Small size
- No dependencies
- Short and detailed mode
- UI
- Integration with Github

Browsers

- Chrome
- Mozilla Firefox
- Apple Safari
- Microsoft Edge
- Internet Explorer >= 11

Install

``
npm install show-js-error --save-dev
`

Using

$3

With default settings:
`html

`
or with own settings:
`html

`
`js
window.showJSError.setSettings({
reportUrl: 'https://github.com/hcodes/show-js-error/issues/new?title={title}&body={body}'
});
`

$3

With default settings:
`js
import 'show-js-error';
`
or with own settings:
`js
import { showJSError } from 'show-js-error';
showJSError.setSettings({
reportUrl: 'https://github.com/hcodes/show-js-error/issues/new?title={title}&body={body}'
});

showJSError.show(new Error('error'));
`

API

$3

Set settings for error panel.

`js
showJSError.setSettings({
reportUrl: 'https://github.com/hcodes/show-js-error/issues/new?title={title}&body={body}', // Default: ""
templateDetailedMessage: 'My title\n{message}',
size: 'big' // for smart TV
})
`

$3

Clear errors for error panel.

$3

Show error panel.

`js
showJSError.show();
`

Show error panel with transmitted error.
`js
showJSError.show({
title: 'My title',
message: 'My message',
filename: 'My filename',
stack: 'My stack',
lineno: 100,
colno: 3
});

// or
showJSError.show('My error');

// or
showJSError.show(new Error('My error'));
``

$3

Hide error panel.

$3

Toggle detailed info about current error.

$3

Detach error panel from page, remove global event listeners.

Examples

- Simple
- Advanced

License

MIT License