Chrome extensions : How to know when a tab has ajax call finished

Question

Now, I'm writing

function tabStatusOnChange(tabId, changeInfo)
  {
    if(changeInfo.status == "complete")
        chrome.tabs.executeScript(null, {file:"oneuniverse.js"});
  }
  chrome.tabs.onUpdated.addListener(tabStatusOnChange);

But it's not working for ajax page and gmail , too. How to write for ajax status complete

https://stackoverflow.com/a/18017179/470749 helped me – Ryan Oct 01 '17 at 19:01 — Ryan, Oct 01 '17 at 19:01

score 1 · Accepted Answer · answered Jan 10 '11 at 03:50

You cannot use chrome.tabs.onUpdated for XHR because it only get fires when a tab is updated. When you send an XHR request, the tab is not updated (that is the whole point of "AJAX")

The only way to know if the AJAX call finished, is by overriding it. You can override the AJAX request (which uses XmlHTTPRequest), something like this:

var origXHR= window.XMLHttpRequest;
window.XMLHttpRequest = customImplementation;

An XMLHttpRequest could be Synchronous or Asynchronous, so you have to take into consideration both. When I meant customImplementation, it means you will use the same implementation but you will add hooks in some places (such as an Adapter Pattern).

score 0 · Answer 2 · answered Jan 10 '11 at 12:46

0

You can't override like that in a chrome extension as the extension operates in a different JavaScript context to the page. The only point of interoperability is the DOM. So you would need to look for a DOM event that is fired when the request completes. But I don't think that there is one.

answered Jan 10 '11 at 12:46

Dominic Mitchell

11,861
4
29
30

yes , it's javascript injection and DOM event. I didn't know ajax feature include or not – saturngod Jan 11 '11 at 15:52

Chrome extensions : How to know when a tab has ajax call finished

2 Answers2