CODEWITHSUNDEEP
javascriptgoogle-chromegoogle-chrome-extension
Ho Ha
Ho Ha

Reputation: 261

Is there any way to count number of tabs are opened in chrome?

I am trying to find a way to count a number of tabs that are currently open in Chrome by javascript.

I have searched and found chrome.tabs.query(). But when I opened my console and tried it I got an undefined message.

Is it not supported anymore by Chrome, or can it only be used in extension development?

Upvotes: 24

Views: 42792

Answers (5)

unubar
unubar

Reputation: 496

I found the answer to this question here: https://superuser.com/questions/967064/how-to-get-tab-count-in-chrome-desktop-without-app-extension

Go to chrome://inspect/#pages

Run the following line of code in the javascript console:

document.getElementById("pages-list").childElementCount

The tabs count will be printed to the console.

Upvotes: 23

Kamil Kiełczewski
Kamil Kiełczewski

Reputation: 92367

Local and Session storage

In case when we want count only tabs witch our website - first on page load (open tab) event we generate tab hash and we save it in sessionStorage (not shared between tabs) and as key in TabsOpen object in localStorage (which is shared between tabs). Then in event page unload (close tab) we remove current tab hash (saved in sesionStorage) from TabsOpen in localStorage.

<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>My project</title>
    ...
    <script>

        function tabLoadEventHandler() {
            let hash = 'tab_' + +new Date();
            sessionStorage.setItem('TabHash',hash);
            let tabs = JSON.parse(localStorage.getItem('TabsOpen')||'{}');
            tabs[hash]=true;
            localStorage.setItem('TabsOpen',JSON.stringify(tabs));
        }
        function tabUnloadEventHandler() {
            let hash= sessionStorage.getItem('TabHash');
            let tabs = JSON.parse(localStorage.getItem('TabsOpen')||'{}');
            delete tabs[hash];
            localStorage.setItem('TabsOpen',JSON.stringify(tabs));
        }
    </script>
    ...
</head>

<body onunload="tabUnloadEventHandler()" onload="tabLoadEventHandler()">
...
</body>

</html>

Thanks to this in TabsOpen object in localStorage we have information about current open tabs which can be read by

let tabsCount = Object.keys( JSON.parse(localStorage.getItem('TabsOpen')||'{}') ).length

Upvotes: 11

tomosius
tomosius

Reputation: 1429

This is not a solution using javascript, but maybe it can help double-check the count against another solution. It is by far the easiest (one-click) solution that works for me:

If you have chrome sync enabled, simply navigate to chrome.google.com/sync

It should give you the count of open tabs, among other counts (e.g. bookmarks, extensions, etc)

Upvotes: 2

Makyen
Makyen

Reputation: 33306

As wscourge has implied, chrome.tabs.query() is a Chrome extension API, which is only available to extensions, not web page JavaScript. In fact, it is only available in the background context of an extension (i.e. not content scripts).

To find the number of tabs that are open, you could do something like:

chrome.tabs.query({windowType:'normal'}, function(tabs) {
    console.log('Number of open tabs in all normal browser windows:',tabs.length);
});

If you want to run this from a console, you will need to have an extension loaded that has a background page. You will then need to open the console for the background page. From that console, you can execute the above code.

Upvotes: 16

wscourge
wscourge

Reputation: 11291

It can only be used in extension development.

You are not able to access that information from document level.

Upvotes: 3

Related Questions