Как достать содержимое iframe если прописан поддомен?

Question

[Senseich]

Всем привет!
Есть сайт https://site.ru
И есть такой фрейм

<iframe class="frame" src="http://elon.site.ru"></iframe>

Мне нужно отследить изменение содержимого фрейма, но через .contents().find('body') не получается, возвращает нулевой объект. Я так понимаю, потому что адрес прописан поддомена elon.site.

Возможно ли получить содержимое в таком случае?

Answer 1

[Надим]

Получить содержимое возможно, но только если и на основном домене и на поддомене установить один и тот же источник.

Выполнить код ниже:
document.domain = 'site.com';
И на домене и на суб домене, перед тем как пытаться получить доступ.

https://learn.javascript.ru/cross-window-communica...

Comments

[Senseich]

какие моменты я ещё не понимаю .. где именно это прописывать ? В тэге script на обоих страницах?

[Надим]

Senseich, да. Попробуй и отпишись, помогло ли.

[Senseich]

Надим Закиров, да, всё отлично, таким способом получилось получить данные.

[Senseich]

Надим Закиров, извиняюсь, может сталкивались с таким что на iphone не срабатывается ссылка?
Это касаемо вчерашнего вопроса. Есть кнопка во фрейме, со ссылкой

https: //metamask.app.link/dapp/elonpunk.paintstore.io/

Причем очень странно, если перейти на сайт по http, то похоже скрипт не срабатывает, видимо сам айфон не даёт по этому протоколу, но ссылка срабатывает по клику.

А если перейти по https , то скрипт работает (меняет высоту блока в зависимости от содержимого фрейма) , но ссылка при клике уже не работает. Может у меня в скрипте что-то блочит?
Я только изучаю JS, не всё понимаю пока.

Вот сам скрипт:

$(function() {

   document.domain = 'paintstore.io';

   $('.frame').on('load', function(){
		var target = this;
		var content = $(target).contents().find('body');
		$(target).height($(content).outerHeight(true));
 
		$(content).on("DOMSubtreeModified click", function (event){
			setTimeout(function(){
				$(target).stop().animate({height: $(content).outerHeight(true)}, 200);
			}, 400);
		});
	});
});

[Надим]

Senseich, протоколы на домене и суб домене должны совпадать.

[Надим]

Senseich, это, свойство DOMSubtreeModified устаревшее и давно уже не поддерживается. Нужно использовать MutationObserver, если хотите отслеживать изменения на странице в режиме реального времени.

[Senseich]

Надим Закиров, Я тоже подозреваю, что в нём может быть дело. Нашел хорошее решение, есть интересный плагин iFrame Resizer , и там как раз используется MutationObserver.
Работает кросплатформенно, проверил. И можно сообщаться между фреймом и страничкой с помощью postMessage даже если на поддомене , т.е. не надо прописывать document.domain