Synchronizing Website (dom) On Multiple Devices

I need to invent a method to synchronize multiple devices that are connected to a Website. Lets say I have a Tablet and a Laptop and change some elements of the dom on the laptop.

Solution 1:

note: There is nothing ready and this is not so simple to do.

1. Capture all DOM maybe this will help you: AcID DOM Inspector
2. Capture "event Listeners" use Visual Event 2

Avoid capture frames (or use them) because security issues (cross-origin) may occur.

In my view it is not necessary to capture the entire document, it would only be necessary to capture inserts the "BODY" and "HEAD"

And avoid complex structures, perhaps the events (eventslistiners) need not be captured, only you would need to have a library that adds already existing events. Unless the events are created by customers, in which case you will have to capture them.

To transmit them you have to use Ajax and shared with DataBase (SQLServer, Mysql, MongoDB, etc).

From my point of view:

If you want to create is an application just to share data, for example someone posted a "new photo" or a "new comment", would be better to make the transmission of which was inserted in the "database" for "JSON" and clients read the "JSON" your main "javascript library" would dynamically generate the contents.

Thus would transmit much less making things faster and easier to implement process.