Can't get tab URL

Question

In my Chrome extension I want to get current tab URL address. In my angular2 component I created string variable to save URL. Then I do this:

ngOnInit() {
    chrome.tabs.getCurrent(function(tab){
        this.currentUrl = tab.url;
    });
    console.log(this.currentUrl);
}

In the console I get the message undefined. So the question is how can I assign Chrome extension function result to my TypeScript variable?

@vanloc I'm creating chrome extension so window.location just returns me "chrome-extension://...." — Nikas Žalias, Mar 10 '17 at 11:41
Right. It is not correct in your case. I removed that comment. — Ave, Mar 10 '17 at 11:46

score 1 · Answer 1 · answered Mar 10 '17 at 11:36

1

The chrome.tabs.getSelected() method is now deprecated.

The recommended way of getting the URL of the current tab is to use chrome.tabs.query().

An example usage:

chrome.tabs.query({'active': true, 'lastFocusedWindow': true}, function (tabs) {
    var url = tabs[0].url;
});

This requires that you request access to the chrome.tabs API in your extension manifest:

"permissions": [ ...
   "tabs"
]

It's important to note that the definition of your "current tab" may differ depending on your extension's needs.

Setting lastFocusedWindow: true in the query is appropriate when you want to access the current tab in the user's focused window (typically the topmost window).

Setting currentWindow: true allows you to get the current tab in the window where your extension's code is currently executing. For example, this might be useful if your extension creates a new window / popup (changing focus), but still wants to access tab information from the window where the extension was run.

I chose to use lastFocusedWindow: true in this example, because Google calls out cases in which currentWindow may not always be present.

You are free to further refine your tab query using any of the properties defined here: chrome.tabs.query

answered Mar 10 '17 at 11:36

Ave

4,338
4
40
67

I have added permission in my manifest file and it still no luck... – Nikas Žalias Mar 10 '17 at 11:38
If I add console.log() in chrome.tabs.query function it print out the url, but after the function ends it becomes undefined.. – Nikas Žalias Mar 10 '17 at 11:40
If url is `undefined` try reloading your extension from chrome://extensions This will reload the extension's config and apply the newly added "tabs" permission. – Ave Mar 10 '17 at 11:41
@NikasŽalias, because it's asynchronous. That's how it works. Use the variable inside the callback. – wOxxOm Mar 10 '17 at 11:41
@NikasŽalias you should close chrome dev tools window before. – Ave Mar 10 '17 at 11:45
@wOxxOm I can't use it inside callback, because then angular2 http call won't work – Nikas Žalias Mar 10 '17 at 11:56
You will have to use it inside the callback. That's how asynchronous JavaScript works. – wOxxOm Mar 10 '17 at 11:57

Can't get tab URL

1 Answers1