Get Complete URL of Tab in Chrome Extension

Question

I'm trying to modify a chrome extension which uploads images to Picasa and labels them with the complete URL e.g. www.domain.com/whatever.jpg, of where they were uploaded from.

I'm having problems with getting the complete URL. When i try the following bit of code, it gives me an incomplete URL with only the whatever.jpg, and not the www.domain.com/

...
chrome.tabs.getSelected(null, function(tab) {
var yourell = tab.url;
...

Anyone have any ideas?

Thanks,

Dave

It always returns full url, not sure how you managed to get filename only... Output that url into a console.log, maybe you are looking at something different. — serg, Mar 17 '11 at 18:17
You are correct Serg, apologies for the timewasting. It appears that it's picasa chopping the URL up. Thanks for your help — dave, Mar 18 '11 at 08:20

score 0 · Answer 1 · answered Aug 18 '12 at 03:45

Answer

Use

chrome.tabs.query

chrome.tabs.getSelected has been deprecated. To get the full URL of the currently active tab you will want to use the chrome.tabs.query function and do something like this

Example

manifest.json

{
    "name": "Get Current Open Tab Info Example",
    "manifest_version": 2,
    "version": "0.1",
    "description": "How to get info on the current tab on the active window in chrome.",
    "background": {
        "scripts": ["background.js"]
    },
    "browser_action": {
        "default_title": "test"
    },
    "permissions": [
        "tabs"
    ]
}

background.js

chrome.browserAction.onClicked.addListener(function(tab) {
    chrome.tabs.query({
        active: true,
        currentWindow: true
    }, function(tab) {
        console.log(tab[0]);
        console.log(tab[0].url);
    });
});

Running Example Screenshots

Load example extension

enter image description here

Clicking extension button with browser window opened to exampley.com
Console log of extension popup