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);
}

        )