chrome.tabs.onUpdated.addListener() not working for routed/hash URLs via React

Question

Created Jul ’20

Replies 3

Boosts 0

Views 3.4k

Participants 3

I have used hash urls for my website and made safari extension for the same. For login/logout my extension opens ourdmain.in in new tab and listens to update methods.

I have implemented chrome.tabs.onUpdated.addListener() to listen to tab updates and for chrome this is working fine but for Safari its not working properly.

I have implemented following method in my background.js:

Code Block 	chrome.tabs.onUpdated.addListener(function (tabID, changeInfo, tab) {
	 console.log("Updated tab (" + tabID + ")=>>> " + tab.url);
	 //chrome.tabs.sendMessage(tabID, { name: 'Chrome Tabs updated >>>>>> ' + tab.url });
	 if (tab.status == 'complete' && tab.url.startsWith(_config.baseURL + '/login?signedout=1')) {
	  console.log('Clearing extension state!');
	  
	 }
	 if (tab.status == 'complete' && tab.url === _config.baseURL + '/dashboard?extension=1') {
				console.log("Login process");
	 }
	});

Here as you can see, I am tracking logout and login events based on URL updates.

And on my wesite.in/login page when user is authenticated url will be changed to website.in/dashboard but page is not reloaded. And same happens for logout, website.in/dashboard url changes to website.in/login.

Here, only URL changes and page is refreshed but not totally reloaded. However, this works perfectly fine with Chrome.

Do we have any restriction over here for Safari? or can we have any solution?

If I reload page manually, update method works perfect but I don't want to reload full page, no my routing url should work here?

Boost

Answer 1

Frameworks Engineer OP

Apple

Jul ’20

This sounds like a bug. Are you doing the URL change via history.pushState()?

Can you send this bug report via Feedback Assistant. Provide a sample extension if you can. Thanks!

0

Answer 2

mobihunterz OP

Jul ’20

Yes, I am using history.pushState() for URL change and I already have shared my report via Feedback Assistant. It would be great if I will be able to solve this within current version.

0

Answer 3

ganeshj OP

Sep ’20

Hello mobihunterz,
Do you have any solution for this?
I am also facing the same issue.
I am having trouble with netflix .com page update.

I am using
browser.tabs.onUpdated.addListener(function (tabID, changeInfo, tab) {

0