Как узнать на каком домене находится iframe?

Question

[Николай Демидовец]

Есть сайт A на React.js.

Он будет запакован в iframe на другом сайте B.

Как мне изнутри сайта A узнать домен сайта B?

Answer 1

[zkrvndm]

Вам нужно использовать интерфейс postMessage для общения с фреймом.

Допустим на сайте site1.ru нам нужно вставить фрейм показывающий сайт site2.ru

Для этого просто добавляем обработчик, который после подгрузки фрейма отправит в него URL на котором данный фрейм просматривается:

<iframe onload="this.contentWindow.postMessage(location.href, '*');" src="https://site2.ru"></iframe>

Чтобы site2.ru (который находится внутри фрейма) мог получить сообщение с адресом, нужно на нем (на сайте site2.ru) разместить обработчик для просушивания сообщений:

window.addEventListener('message', function(event) {
	console.log('Поступило сообщение с адреса '+event.origin+' текст сообщения: ' + event.data);
});

Comments

[Николай Демидовец]

Спасибо, то что нужно!