# browser-detect-devtools

> Detect browser (Chrome, IE, Firefox etc...) Developer Tools (Console) is opened

Latest version **1.0.4** (published 2018-11-13) · MIT license · 0 weekly downloads

## Install

```sh
npm install browser-detect-devtools
pnpm add browser-detect-devtools
yarn add browser-detect-devtools
bun add browser-detect-devtools
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.4 |
| Published | 2018-11-13 |
| First published | 2018-11-12 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 135.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 47 |
| Author | dsa28s |
| Maintainers | dsa28s |

## Links

- npm: https://www.npmjs.com/package/browser-detect-devtools
- Repository: https://github.com/dsa28s/detect-browser-devtools
- Homepage: https://github.com/dsa28s/detect-browser-devtools#readme
- Issues: https://github.com/dsa28s/detect-browser-devtools/issues
- npm.io page: https://npm.io/package/browser-detect-devtools

## Dependencies (1)

- [reflect-metadata](https://npm.io/package/reflect-metadata.md) ^0.1.12

## Recent versions

- 1.0.4 (latest) — 2018-11-13
- 1.0.3 — 2018-11-12
- 1.0.2 — 2018-11-12
- 1.0.1 — 2018-11-12
- 1.0.0 — 2018-11-12

## README

<p align="center">
  <img src="https://raw.githubusercontent.com/dsa28s/detect-browser-devtools/master/resources/icon.png" width="100" height="100">
</p>

<h1 align="center">detect-browser-devtools</h1>
<h4 align="center">Detect browser (Chrome, IE, Firefox etc...) Developer Tools (Console) is opened</h4>
<p align="center">
  <img src="https://img.shields.io/badge/browser--detect--devtools-1.0.2-blue.svg?style=flat-square&logo=npm">
  <img src="https://img.shields.io/badge/license-MIT-brightgreen.svg?style=flat-square">
</p>

<p align="center">
  <img src="https://raw.githubusercontent.com/dsa28s/detect-browser-devtools/master/resources/20181113020043.gif">
</p>

## Install
Use npm:

```bash
$ npm install browser-detect-devtools
```

Use cdn:

```html
<script src="https://unpkg.com/browser-detect-devtools/dist/detect-browser-devtools.min.js"></script>
```

## Usage
### NPM
```javascript
const devTools = require('browser-detect-devtools');
const devToolsManager = devTools.Manager;
```

```javascript
// Always want to clear console log of the browser's developer tools, use `alwaysConsoleClear` API.
devToolsManager.alwaysConsoleClear(true); // enable function
devToolsManager.alwaysConsoleClear(false); // disable function

// Pause the browser session when Browser's developer tools are open, use `freezeWhenDevToolsOpened` API.
devToolsManager.freezeWhenDevToolsOpened(true); // enable function
devToolsManager.freezeWhenDevToolsOpened(false); // disable function

// You can also receive events developer tools are opened, closed, and get position.
// IMPORTANT : Use this function only when in release mode.
// If you call this method, the console.log is reset regardless of the alwaysConsoleClear function called.
devToolsManager.startDevToolMonitoring((isOpened, orientation) => {
  // orientation : 'horizontal' / 'vertical' / 'separated-window'
});

// Stop monitoring devtools event.
devToolsManager.stopDevToolMonitoring();
```

### CDN
CDN create instance to global variable.

```javascript
// Always want to clear console log of the browser's developer tools, use `alwaysConsoleClear` API.
DevTools.Manager.alwaysConsoleClear(true); // enable function
DevTools.Manager.alwaysConsoleClear(false); // disable function

// Pause the browser session when Browser's developer tools are open, use `freezeWhenDevToolsOpened` API.
DevTools.Manager.freezeWhenDevToolsOpened(true); // enable function
DevTools.Manager.freezeWhenDevToolsOpened(false); // disable function

// You can also receive events developer tools are opened, closed, and get position.
// IMPORTANT : Use this function only when in release mode.
// If you call this method, the console.log is reset regardless of the alwaysConsoleClear function called.
DevTools.Manager.startDevToolMonitoring((isOpened, orientation) => {
  // orientation : 'horizontal' / 'vertical' / 'separated-window'
});

// Stop monitoring devtools event.
DevTools.Manager.stopDevToolMonitoring();
```

See the top gif image in the README.md file for details on how to do this.

## License
MIT

---
_Source: https://npm.io/package/browser-detect-devtools · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._