Как получить документ встроенного сайта с JS?

Question

Я пробуюсь с HTML и нашёл -tag.Я предоставил URL как src, и веб-сайт загружается без проблем.Однако я не могу получить HTML-код этого внутреннего сайта.Как я могу получить к нему доступ с помощью JS?

Я уже пробовал

innerHTML, children, childNodes

и т. Д.

HTML

<div class="Webframe">
            <embed id="webframe" src="http://testapp.galenframework.com/"></embed> 
</div>

Вывод на консоль

let webframe = document.getElementById("webframe");
console.log(webframe)

можно посмотреть здесь

https://imgur.com/JH2jzKr

Если у кого-нибудь есть идея, как получить доступ к этому документу, я с удовольствием его опробую

Заранее спасибо

Answer 1

Ваша первая проблема - отсутствие интерфейса для выполнения вашей задачи с <embed>. Лучше использовать <iframe>.

Второй - попытаться получить доступ к контенту из другого домена без CORS. (См. https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Allow-Origin)

Позволяет попробовать локальную страницу в <iframe>. Теперь вы можете получить доступ к iframe s contentDocument`:

<iframe id="webframe" src="test2.html"></iframe> 

<script>
let webframe = document.getElementById("webframe");
webframe.onload = ()=> console.log(webframe.contentDocument.body.outerHTML);
</script>

Если у вас есть доступ к другому серверу домена, вы можете добавить «Access-Control-Allow-Origin: *» в заголовок HTTP и попробовать его.

Answer 2

    <div class="Webframe">
     <embed id="webframe" src="http://testapp.galenframework.com/" /> 
   </div>
   let webframe = document.getElementById("webframe");
   console.log(webframe)