Any way to identify browser tab in JavaScript?

by

SessionStorage is per tab/window, so you can define a random number in sessionStorage and get it at first if exists:

var tabID = sessionStorage.tabID ? 
            sessionStorage.tabID : 
            sessionStorage.tabID = Math.random();

UPDATE:
In some cases, you may have same sessionStorage in multiple tab (e.g. when you duplicate tab). In that case, following code may help:

var tabID = sessionStorage.tabID && 
            sessionStorage.closedLastTab !== '2' ? 
            sessionStorage.tabID : 
            sessionStorage.tabID = Math.random();
sessionStorage.closedLastTab = '2';
$(window).on('unload beforeunload', function() {
      sessionStorage.closedLastTab = '1';
});

More Related Contents:

  1. Stop people having my website loaded on multiple tabs
  2. What is JavaScript’s highest integer value that a number can go to without losing precision?
  3. JavaScript, browsers, window close – send an AJAX request or run a script on window closing
  4. How to detect my browser version and operating system using JavaScript?
  5. Is it possible to sandbox JavaScript running in the browser?
  6. Browser Javascript Stack size limit
  7. How can I close a browser window without receiving the “Do you want to close this window” prompt?
  8. How to copy text to the client’s clipboard using jQuery? [duplicate]
  9. Changing the browser zoom level
  10. How to force reloading a page when using browser back button?
  11. Is JSON Hijacking still an issue in modern browsers?
  12. Why should y.innerHTML = x.innerHTML; be avoided?
  13. Prevent automatic browser scroll on refresh
  14. Is there any practical reason to use quoted strings for JSON keys?
  15. Within a web browser, is it possible for JavaScript to obtain information about the HTTPS Certificate being used for the current page?
  16. JavaScript memory limit
  17. Can I resize the browser window?
  18. How to make Jquery UI Tabs scroll horizontally if there are too many tabs
  19. Force window.open() to create new tab in chrome
  20. How to check if css value is supported by the browser?
  21. Change Height based on Browser Size/Resize
  22. Is it possible to catch browser’s File Open/Save dialog event using Javascript
  23. How to change tabs programmatically in jquery-ui 1.9?
  24. Equivalent of Firefox’s “error console” in other browsers
  25. Pass a JavaScript array as argument to a WebAssembly function
  26. Breaking JavaScript execution when cookie is set
  27. How to make browser full screen using F11 key event through JavaScript [duplicate]
  28. How to focus an input field on Android browser through javascript or jquery
  29. HTML5 Video autoplay with sound unmuted
  30. How do I dynamically adjust css stylesheet based on browser width?

Leave a Comment