1

My program is supposed to get the URL of the tab that is currently open and store it in a variable to be manipulated later. I printed the outcomes into a component to debug.

var url = "url not set";    

// finds active tab url
chrome.tabs.query({'active': true, 'lastFocusedWindow': true}, function(tabs) 
{
   //document.getElementById("basicUsage").innerHTML = url;  output 1
   url = tabs[0].url;   
   //document.getElementById("basicUsage").innerHTML = url;  output 2
}); 
//document.getElementById("basicUsage").innerHTML = url;     output 3

The URL is printed when only output 2 is uncommented (as expected) but the output is "url not set" when only output 3 is uncommented. The new URL is saved in the global variable so I don't understand why it's not outputted when the line is outside chrome.tabs.query.

The variable used within the chrome.tabs.query function is the correct one (I checked it using output 1).

It seems as though the program "ignores" the entire function.

jonrsharpe
  • 115,751
  • 26
  • 228
  • 437
B.ee M.ovie
  • 11
  • 2
  • Possible duplicate of [How do I return the response from an asynchronous call?](https://stackoverflow.com/questions/14220321/how-do-i-return-the-response-from-an-asynchronous-call) – wOxxOm Jul 04 '18 at 07:15
  • Chrome extensions API is asynchronous. See the linked topic for explanations and solutions. – wOxxOm Jul 04 '18 at 07:16

0 Answers0