CODEWITHSUNDEEP
google-chromegoogle-chrome-extension
rossmorey
rossmorey

Reputation: 13

Chrome Extension -- Running executeScript in multiple new tabs at the same time

I'm building a Chrome Extension that has a popup.html with a search form. Like Travelocity or Kayak, the form includes checkboxes so the user can select which sites they want to query.

On submit, popup.js launches multiple new tabs based on the selected checkboxes. In the tabs.create() callback for each new tab I use executeScript to: - (A) inject the user's query into the search form on each of the new pages, and - (B) submit the search form on those pages.

My code is working when one checkbox is selected (i.e. new tab is launched), but when multiple new tabs are created simultaneously it appears that the executeScript isn't running consistently. Sometimes it works, and sometimes it doesn't.

This leads me to believe that there's some sort of issue with the timing of the script execution, but I'm not sure.

If you have any idea what's going on I'd love to hear your advice.

Also, I'd appreciate any resources on how to debug this sort of issue in the future.

Here's my code on github...

Many thanks!

Upvotes: 1

Views: 1121

Answers (1)

MobDev
MobDev

Reputation: 1632

Seems like when you open multiple tabs - your popup.html loses the focus and closes, so on tabs.create callbacks which injects your code will not be executed.

Try to create tabs with "active:false" option, like this:

chrome.tabs.create({url: stringToObj[org], active:false} ...

I think it would help you.

And also... It's a bug in your SeSac inject-code: if no search type defined in popup window, block 

input[value="undefined"]

will not be found, so "checked" property will be called on "undefined" and this will stop you inject script execution.

Upvotes: 2

Related Questions