# multi-tab-detection

> Used to detect multiple tabs being opened

Latest version **1.1.5** (published 2026-07-26) · MIT license · 0 weekly downloads

## Install

```sh
npm install multi-tab-detection
pnpm add multi-tab-detection
yarn add multi-tab-detection
bun add multi-tab-detection
```

## Health

**Score 65/100 (B)** — status: active.

Positive: has types; no vulnerabilities; recently updated; high maintenance score; high quality score.

Warnings: low downloads; no esm support.

## Facts

| | |
|---|---|
| Version | 1.1.5 |
| Published | 2026-07-26 |
| First published | 2019-12-02 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 14.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Andrew Uy |
| Maintainers | uy-andrew |
| Keywords | multi-tab, web, detection |

## Links

- npm: https://www.npmjs.com/package/multi-tab-detection
- npm.io page: https://npm.io/package/multi-tab-detection

## Dependencies (1)

- [rxjs](https://npm.io/package/rxjs.md) ^7.8.2

## Alternatives

- [@opentelemetry/exporter-zipkin](https://npm.io/package/@opentelemetry/exporter-zipkin.md) — 14.8M weekly downloads
- [pusher-js](https://npm.io/package/pusher-js.md) — 2.0M weekly downloads
- [browserify](https://npm.io/package/browserify.md) — 1.7M weekly downloads
- [sqs-consumer](https://npm.io/package/sqs-consumer.md) — 1.7M weekly downloads
- [@sanity/eventsource](https://npm.io/package/@sanity/eventsource.md) — 930.8K weekly downloads

## Recent versions

- 1.1.5 (latest) — 2026-07-26
- 1.1.4 — 2025-12-13
- 1.1.3 — 2023-01-25
- 1.1.2 — 2022-03-12
- 1.1.1 — 2021-05-16
- 1.1.0 — 2019-12-12
- 1.0.3 — 2019-12-05
- 1.0.2 — 2019-12-04
- 1.0.1 — 2019-12-03
- 1.0.0 — 2019-12-02

## README

# Multi Tab Detection

Used to detect multiple tabs being opened. Same tab is defined as having [the same origin policy](https://en.wikipedia.org/wiki/Same-origin_policy#Origin_determination_rules). InPrivate/Incognito tab is treated as a different instance and won't be considered in the multi tab detection of the non (InPrivate/Incognito) tabs. Same origin in the InPrivate/Incognite is considered as its own multiple tabs. In theory, it means you can have 2 separate multi tab detection (one for normal tab and one for InPrivate/Incognito tab) for the same origin.

## Inspiration

The idea behind this multi tab detection is based on the [stack overflow answer](https://stackoverflow.com/questions/23690666/check-if-my-website-is-open-in-another-tab#43291970) of [Sasi Varunan](https://stackoverflow.com/users/4146454/sasi-varunan) on how to check if a website is open in another tab:

```javascript
<script type="text/javascript">
    // Broad cast that your're opening a page.
    localStorage.openpages = Date.now();
    var onLocalStorageEvent = function(e){
        if(e.key == "openpages"){
            // Listen if anybody else opening the same page!
            localStorage.page_available = Date.now();
        }
        if(e.key == "page_available"){
            alert("One more page already open");
        }
    };
    window.addEventListener('storage', onLocalStorageEvent, false);
</script>
```

## How to Use

- Instantiate **MultiTabDetection** at the beginning of your website.
- Subscribe to either or both **NewTabDetectedEvent** and/or **ExistingTabDetectedEvent**.
- You can also call the method **NumberOfTabsOpened** to get the number of tabs opened.

## Dependencies

This library depends on RxJS at runtime. When you install the package, npm will also install RxJS automatically.

## API

### Constructor

var multiTabDetection = new MultiTabDetection();

### Events

_NewTabDetectedEvent_

> Informs the listener that a new tab has been detected for the same browser session. It also pass in the total number of tabs opened for the same browser session.

_ExistingTabDetectedEvent_

> Informs the listener that an existing tab existed for the same browser session.

_ClosedTabDetectedEvent_

> Informs the listener that a tab for the same browser session has been closed. It also pass in the updated total number of tabs opened for the same browser session.

### Properties

_NumberOfTabsOpened_

> Gets the total number of tabs opened. It is recommended to wait for 1 second after receiving existingTabDetectedEvent before calling this property to get the accurate total number of tabs opened.

## Sample Implementation

You can find sample implementation of this node module in [**multi-tab-detection-samples**](https://github.com/uy-andrew/multi-tab-detection-samples).

## Versions

| Version | Release Notes                                                                                                                                       |
| ------- | --------------------------------------------------------------------------------------------------------------------------------------------------- |
| 1.1.5   | Update dependencies in the package and in the README. Update packages used by the library based on security advise from Github dependabot.          |
| 1.1.4   | Update packages used by the library based on security advise from Github dependabot. Update tests based on the updated library requirements.        |
| 1.1.3   | Update packages used by the library based on security advise from GitHub dependabot.                                                                |
| 1.1.2   | Update packages used by the library based on security advise from GitHub dependabot. Fix https://github.com/uy-andrew/multi-tab-detection/issues/9. |
| 1.1.1   | Update packages used by the library based on security advise from GitHub dependabot.                                                                |
| 1.1.0   | Fix issue where sometimes it does not count properly the correct total number of tabs opened in succeeding tabs.                                    |
| 1.0.3   | Fix number of tabs opened count not working **(Non-Working Version)**                                                                               |
| 1.0.2   | Downgrading the typescript so that it can be compatible with Angular 8 application **(Non-Working Version)**                                        |
| 1.0.1   | Fix the README not showing properly in npmjs website **(Non-Working Version)**                                                                      |
| 1.0.0   | Initial Commit **(Non-Working Version)**                                                                                                            |

## Author

[**Andrew Uy**](https://github.com/uy-andrew)

## License

Copyright © 2019, [Andrew Uy](https://github.com/uy-andrew).
Released under the [MIT license](https://github.com/uy-andrew/multi-tab-detection/blob/master/LICENSE).

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