Question

我创建了以下文件：

<!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的工作方式。但是无论我在src属性中放置什么URL，在浏览器中打开此文件时，我都会得到相同的结果：

iframe主体的内容变为：

这似乎是一种一般的Chrome错误。控制台中没有错误。这不是我要加载的域的安全措施。

这是怎么回事？

Answer 1

你好临时用户名，

某些网站拒绝来自iframe的连接并不少见，youtube就是其中之一。

我能够使用以下代码从microcenter加载页面：

<!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：在您提供的屏幕快照中，如果我正确的话，如果将鼠标悬停在iframe上，它应该会显示“ youtube.com拒绝连接”。

编辑：我还应该注意，您通常必须包括完整的URL，即http：//或https：//

Edit2：由于某些人对为什么某些网站会阻止iframe存有疑问，有关更多信息，请参见https://ziplineinteractive.com/blog/how-to-prevent-a-website-from-being-loaded-in-an-iframe/。这是一篇有关如何防止在iframe中加载网站以及原因的文章。

无法在本地文件中加载任何iframe？

1 个答案: