How can I get the current tab URL for chrome extension?

Question

I know there are many similar questions on SO, but I cannot seem to get it working.

I am trying to get the URL of the current tab from my Chrome extension. Hoewever, the alert(tab.url) returns "Undefined". I have added the "tabs" to my permissions in the manifest.json. Any ideas?

<html>
<head>
<script>

    chrome.tabs.getSelected(null, function(tab) {
        tab = tab.id;
        tabUrl = tab.url;

        alert(tab.url);
    });

</script>
</head>

This method is deprecated. [take a look!](http://stackoverflow.com/a/18437759/2396846) — Reyraa, Jul 27 '14 at 13:33
is there any way to avoid a query/poll, and instead listen for a click, to determine the active tab? — Alexander Mills, Jan 08 '18 at 06:43

Jonathan Dumaine · Answer 1 · 2018-05-31T17:30:41.133

149

Just an FYI for people from Google:

The method OP uses is deprecated. To get the tab the user is viewing and only in the window they are viewing use this:

  chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {

     // since only one tab should be active and in the current window at once
     // the return variable should only have one entry
     var activeTab = tabs[0];
     var activeTabId = activeTab.id; // or do whatever you need

  });

edited May 31 '18 at 17:30

answered Jul 24 '13 at 06:16

Jonathan Dumaine

5,295
3
35
50

3

This should be chosen now as the old way will not work for multiple reasons. – NateDSaint Jan 21 '15 at 18:48

score 34 · Accepted Answer · answered May 26 '11 at 00:01

34

The problem is in this line:

tab = tab.id;

It should be something like:

var tabId = tab.id;

answered May 26 '11 at 00:01

serg

106,723
76
306
327

You changed the variable tab by mistake... careful next time :) – fedmich Feb 17 '12 at 23:32
5

getSelected is deprecated. Please use tabs.query {active: true} [tabs#method-getSelected](https://developer.chrome.com/extensions/tabs#method-getSelected) – contributorpw Apr 21 '14 at 16:32
Hi i need **focused tab info**.. if I have more than 5 tab in browser, if click (focused ) tab 1 then "action trigger" or tab 2/3/4/5.. every time a tab focused then it should trigger.so what can i do? – Mani Kasi Aug 28 '16 at 13:46

score 10 · Answer 3 · edited Jul 26 '19 at 00:09

10

In manifest.json:

"permissions": [
    "tabs"
]

In JavaScript:

chrome.tabs.query({
    active: true,
    lastFocusedWindow: true
}, function(tabs) {
    // and use that tab to fill in out title and url
    var tab = tabs[0];
    console.log(tab.url);
    alert(tab.url);
});

edited Jul 26 '19 at 00:09

jkdev

10,404
15
54
77

answered Jul 29 '17 at 06:44

Kartik Kkartik

109
1
2

score 9 · Answer 4 · edited Sep 12 '15 at 05:19

9

This is what worked for me:

chrome.tabs.query({
    active: true,
    lastFocusedWindow: true
}, function(tabs) {
    // and use that tab to fill in out title and url
    var tab = tabs[0];
    console.log(tab.url);
    alert(tab.url);
});

edited Sep 12 '15 at 05:19

Turnerj

4,153
5
35
50

answered Sep 11 '15 at 18:35

jayant singh

879
12
17

score 6 · Answer 5 · answered Feb 12 '18 at 20:41

6

With a little help of ES6, you can easily write nicer code :)

chrome.tabs.query({
  active: true,
  currentWindow: true
}, ([currentTab]) => {
  console.log(currentTab.id);
});

answered Feb 12 '18 at 20:41

rogyvoje

304
3
6

score 1 · Answer 6 · answered Mar 30 '22 at 13:39

1

Remember to add this to your manifest.json file

"permissions": [
    "tabs"
]

answered Mar 30 '22 at 13:39

Abbas Khan

11
1

score 0 · Answer 7 · answered Mar 22 '21 at 08:35

Just if someone using Web Extension Polyfill like me, for cross browser support.

// using async function
const [currentTab] = await browser.tabs.query({
  active: true,
  currentWindow: true,
});

console.log({ id: currentTab.id, url: currentTab.url });

score 0 · Answer 8 · answered Apr 08 '22 at 08:44

For me, I was missing the "tabs" permission as per Kartik Kkartin answer

Rest of the code in my background script

chrome?.tabs?.onUpdated?.addListener((tabId, changeInfo, tab) => {
  if (changeInfo.status == 'complete') {
    console.log('tabId', tabId, 'changeInfo', changeInfo, 'tab', tab)
  }
})

That will log the tab information, including the url in the tab.url when loading a tab

How can I get the current tab URL for chrome extension?

8 Answers8

Linked