0

I would like to access the variable 'url' outside the chrome.tabs.query and edit my html file.

my js code:

chrome.tabs.query({active: true, lastFocusedWindow: true}, tabs => {
   url = tabs[0].url;
   
  alert(url)
  
  
});

Any ideas on how I could go about doing this?

Samit Manjunath
  • 1

2 Answers2

1

If you want to access the url local variable outside of the scope of your arrow function, you can attach it to window. Add window.url = url; inside the arrow function. This is frowned upon and risky because some other script could overwrite the global variable, but if you're debugging it comes in handy.

pawooten
  • 140
  • 1
  • 9
0

Use await for assigning url. Like,


async function getUrl() {

let url = await chrome.tabs.query({active: true, lastFocusedWindow: true}, tabs => {
   return tabs[0].url;
    
});

// code goes below

...

return
}

getUrl()

The reason why you can't get values in asynchronous function is that other code is already executed outside of asynchronous function which is executed earlier but still waits for values. Then you should make the asynchronous function finished first and then let codes execute later.

jacobkim
  • 1,043
  • 10
  • 20
  • When I try to access the url by adding alert(url) underneath the comment it says its undefined. – Samit Manjunath Aug 18 '22 at 03:11
  • @SamitManjunath As building chrome extensions, I usually `chrome.tabs.sendMessage()` in tabs.query callback and get event listener `chrome.runtime.onMessage()`. – jacobkim Aug 18 '22 at 07:06