chrome extension chome.tabs.onUpdate running twice?

Question

//In background.js chrome.tabs.onUpdated.addListener(function(tabid, info, tab) { console.log(info); });

I'm try to set it up so onUpdate runs once every time a youtube video page loads. I want wait for load after a youtube video loads. When I load directly from a url I get what I expect, but when I navigate to a suggested video, there are 2 loading/complete cycles. One for the current video, One for the next video.

This is the output for a direct url youtube video.

This is what happens if I navigate to a youtube video while watching another youtube video.

In my manifest I have a simple background.js script, permission for webNaviagtion and Tabs.

I don't know why it's running twice.

Community · Accepted Answer · 2017-05-23 11:44:35Z

2

tabs.onUpdated is invoked for each frame/iframe, the Youtube watch page loads one.

webNavigation API provides frameId to the event listeners, the main page has frameId == 0.

Note that Youtube doesn't reload the page when the user goes from one video to another or from the main Youtube page to a video page so to detect these changes you may use chrome.webNavigation.onHistoryStateUpdated event listener or a content script that will listen to the DOM events used by the site, namely "spfdone".

edited May 23, 2017 at 11:44

CommunityBot

11 silver badge

answered Nov 21, 2015 at 22:15

woxxom

75.2k15 gold badges161 silver badges164 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Johnny Over a year ago

Thanks for the reply. I just tried onHistoryStateUpdate and I'm still getting it firing twice, both logs have a frameId of 0 as well.

woxxom Over a year ago

Which means that the history state was updated twice by the page.

Johnny Over a year ago

Ah okay, I guess my question now would be how do I set it up so it only runs on the page I'm going to. It runs for the current youtube url and then next url. imgur.com/lcKjZc6

woxxom Over a year ago

Well you can check the tab's current url with chrome.tabs.get(details.tabId, ....) - if both are equal then it's the new page url or use some other way.

Sungguk Lim Over a year ago

Or. Youtube use history.pushState API. and chrome.tabs.onUpdate doesn't handle it yet. See crbug.com/465709

Collectives™ on Stack Overflow

chrome extension chome.tabs.onUpdate running twice?

1 Answer 1

5 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Linked

Related