Блог

Я настроил прослушиватель событий в моем background.js файл:

 chrome.webNavigation.onDOMContentLoaded.addListener(function (info) {
    // Checks for the URL bar navigation and not any child frames
    if (info.frameId === 0){
        var url = info.url;
        console.log('visit: '   url);
    }
});
  

Я бы ожидал, что запись в журнале a покажет URL текущей страницы при загрузке dom. Проблема возникает при вводе поиска в омнибоксе. Допустим, я посещаю www.twitter.com достаточно часто, чтобы он кэшировался, когда я ввожу поиск, начинающийся с «t» в сводном окне.

Если я введу поисковый запрос «testing123» в сводном окне, я увижу запись в журнале, в которой говорится «посещение:http://www.twitter.com /«. То же самое произойдет, если я введу поисковый запрос «обратные вызовы»: я увижу запись в журнале с надписью «visit:http://www.cnn.com «Они регистрируются даже до того, как я нажимаю enter при поиске. Я предполагаю, что это связано с тем, что Chrome выполняет какую-то предварительную выборку для часто посещаемых URL-адресов, но я все еще думаю, что это неожиданное поведение.

Кто-нибудь может подтвердить? Спасибо.

Редактировать: Я пробовал некоторые другие методы вебнавигации, но я все еще вижу некоторые несоответствия:

onComitted — Срабатывает почти все время.
onHistoryStateUpdated — Некоторое время срабатывал
onTabReplaced — Не запускался, поскольку предварительная визуализация не выполнялась.

Редактировать 2: Следующий код помог мне разобраться в событиях, которые запускались на неактивных вкладках. (Дополнительные пояснения см. в комментариях 5/6.)

 chrome.webNavigation.onCommitted.addListener(
    function (info) {

        // Checks for the URL bar navigation and not any child frames
        if (info.frameId === 0){

            chrome.tabs.query({active: true, currentWindow: true}, function (tab) {
                // Ensures that the listener is only attached to the active tab
                if (tab[0].id === info.tabId){
                    // Everything's good! Do your work here
                }
            });
        }
    }
);