I did a proof-of-concept that shares a browser screen to a browser running on another PC:
A) var a = body.innerHTML.split('id="');
B) foreach s in a; var id = /([^"])/.match(s);
C) use id as key to s
D) send changes to innerHTML to second browser using comet
E) repeat every second or so
In second browser keep cache of all sent s, rebuild a, and set body.innerHTML = a.join('id="'); Add a transparent div and transmit mouse movements.
Works best if:
pure ajax single page app
* in page HTML is browser agnostic (e.g. you use modernizr.js, and javascript generated HTML never has difference depending on browser)
* no javascript in body e.g. no onxxx="somejs();" attributes.
* static css file
* static image files
A) var a = body.innerHTML.split('id="'); B) foreach s in a; var id = /([^"])/.match(s); C) use id as key to s D) send changes to innerHTML to second browser using comet E) repeat every second or so
In second browser keep cache of all sent s, rebuild a, and set body.innerHTML = a.join('id="'); Add a transparent div and transmit mouse movements.
Works best if: pure ajax single page app * in page HTML is browser agnostic (e.g. you use modernizr.js, and javascript generated HTML never has difference depending on browser) * no javascript in body e.g. no onxxx="somejs();" attributes. * static css file * static image files
PM me if want more info :-)