Handling SPA URL Changes

[Baluta Alex]

Hi, 

I have a chrome extension (MV3) where I have a feature that listens for tab updates using chrome.tabs.onUpdated API, where,  when the update status is 'complete' I grab the URL and fire a request to my server to find if the URL is already in the system. Based on the response, if the URL is in the system I change the badge icon to reflect to the user that this URL already exists. 

This works fine for most of my supported platforms, when navigating to a new URL, the badge automatically reset and the tab will go eventually into 'complete' status. The problem is this does not work for SPA(Single Page Application) websites. The badge won't reset automatically because it's the same page and the 'complete' status is not reliable.

My question is, how I can handle this case for SPA, how can I cover both the normal and SPA websites, I've tried grabbing the 'url' from changeInfo object along with status, but I've not succeeded.

Thank you for your time!

[wOxxOm]

Use chrome.webNavigation API instead of chrome.tabs: onHistoryStateUpdated for SPA navigation and onCompleted for normal navigation. Also onReferenceFragmentUpdated if you want to react to changes in the # part of a URL.