Как реализовать синхронизацию объекта между iframe и window.parent?
Есть страница, на которой вставляются фреймы с другого домена.
У родительской странице есть объект: var framesData = {};
У дочерних фреймов так же по объекту: var data = {};
Задача
В объекте framesData должны находится копии объектов всех дочерних фреймов.
При изменении объекта внутри фрейма, а так же при изменении дочернего объекта из framesData должна происходить синхронизация.
Условие
1. Фреймы вставляются динамически.
2. Фреймы могут быть как с разными, так и с одинаковыми URL.
3. Во время работы со страницей, фреймы могут менять свои пути в URL.
4. Требуется знать владельца, а именно, какому элементу (iframe) принадлежит объект.
Трудности
- (postMessage) Используя атрибут name, мы не можем изменить значение window.name в дочернем фрейме, соответственно передать его для идентификации отправителя так же невозможно.
- (postMessage) document.querySelector('iframe[src="'+ event.data.src +'"]') не подходит (см. 2 и 3 пункт)
- Использовать общение через диез не вариант (см. 3 пункт)
