how does google's inbox async calls works?

Question

by placing this small snippet in chrome's console can hook to any ajax call in a page:

(function(open) {
  XMLHttpRequest.prototype.open = function(method, url, async) {
    console.log('ajax call!'); //do things
    open.call(this, method, url, async);
  };
})(XMLHttpRequest.prototype.open);

placing this in Gmail works but not in Google's new Inbox site. if ajax call are not made in this page - what other way do they use to get async data?

Maybe a Websocket connection. You can check in Chrome dev-tools under network. — levi, Dec 24 '14 at 03:01
i see requests are made, but don't know how. any idea how to hook into them? — Sagiv Ofek, Dec 24 '14 at 03:22
Something like this could work - http://jsfiddle.net/vnPbV/64/ — levi, Dec 24 '14 at 16:00
You might also need to wrap the sockets `addEventListener` function, since message handlers can also be added like that. — levi, Dec 24 '14 at 16:01
You can verify very easily by going to the network tab that it is indeed making `XMLHttpRequest`s and can get chrome to "break on XHR" (in the sources tab), here's the relevant line: `A.send(t ? t : null)`. — Benjamin Gruenbaum, Dec 26 '14 at 14:44
If you check the part where they do " bu = function() {" you can see that it indeed does use `XMLHttpRequest`s — Benjamin Gruenbaum, Dec 26 '14 at 14:45
Overriding `open` works just fine here, p.s. you should proxy with `return open.apply(this, arguments)` — Benjamin Gruenbaum, Dec 26 '14 at 14:48

score 1 · Answer 1 · answered Dec 27 '14 at 09:31

1

They might sending XHR requests from internal iframe/s so overriding XMLHttpRequest in the console won't work.

answered Dec 27 '14 at 09:31

Yshayy

325
2
10

how does google's inbox async calls works?

1 Answers1