chrome.tabs не обновляется при загрузке нового URL

Question

Я написал небольшое расширение Chrome, которое теоретически предназначено для просмотра: 1) какого URL вы собираетесь (on.BeforeRequest), а затем 2) каков заголовок этой страницы (chrome.tabs.getSelected)

Однако, если я открою вкладку, зайду на gmail.com, затем зайду на yahoo.com, я правильно получу URL, но заголовок gmail будет значением заголовка, сохраненным на странице yahoo, если я не обновлю, то он будет работать хорошо.

Очевидно, что-то не так с элементом chrome.tabs. Любая помощь?

Когда пользователь переходит на новый URL, новый заголовок должен быть сохранен в (target_title).

Спасибо!

var target_url;
var target_title;

//Get details of the URL being sought

chrome.webRequest.onBeforeRequest
.addListener(function(details)
    {
    target_url = details.url;
    console.log(target_url);

        //Get the title
        chrome.tabs.getSelected(null, function(tab) {

    target_title = tab.title;
    console.log(target_title);
}

        )