Не удается загрузить любой iframe в локальный файл? - PullRequest
1 голос
/ 10 июля 2019

Я создал следующий файл:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <style>
        iframe {
            height: 500px;
            width: 600px;
        }
    </style>
  </head>
  <body>
    <iframe src="www.youtube.com">
  </body>
</html>

Я просто пытаюсь загрузить любой сайт в iframe, просто для тестирования того, как работает iframe. Но независимо от того, какой URL я помещаю в атрибут src, я получаю тот же результат, когда открываю этот файл в браузере:

enter image description here

Содержимое тела iframe становится таким:

enter image description here

Кажется, это своего рода ошибка Chrome. В консоли нет ошибок. Это не мера безопасности для доменов, которые я пытаюсь загрузить.

Что здесь происходит?

1 Ответ

3 голосов
/ 10 июля 2019

Здравствуй временное_имя_пользователя,

Некоторые сайты нередко отказывают в подключениях из фреймов, одним из них является YouTube.

Мне удалось загрузить страницу из микроцентра с помощью приведенного ниже кода:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <style>
      iframe {
        height: 1000px;
        width: 1000px;
      }
    </style>
  </head>
  <body>
    <iframe
      src="https://www.microcenter.com/product/601585/970-evo-500gb-v-nand-m2-2280-pcie-nvme-30-x4-internal-solid-state-drive"
    >
  </body>
</html>

PS: На предоставленном вами скриншоте, если вы наводите курсор мыши на фрейм, в идеале должно отображаться сообщение «youtube.com отказался подключаться», если я прав.

Редактировать: IСледует также отметить, что обычно вам нужно включить полный URL-адрес, либо http: //, либо https://

Edit2: поскольку у некоторых людей возникли вопросы о том, почему некоторые сайты блокируют фреймы. Для получения дополнительной информации об этом проверьте https://ziplineinteractive.com/blog/how-to-prevent-a-website-from-being-loaded-in-an-iframe/.Это статья о том, как предотвратить загрузку вашего сайта в iframe и почему.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...