javascript - 如何检查页面是否允许使用 iframe？

Question

我想做的是动态 iframe 一些页面，所以当用户单击某个按钮时，某个页面(使用按钮动态生成的链接)在 iframe 中打开。我想跳过那些不允许其内容被 iframed 的 url。

有什么方法可以检查 URL 是否限制自己使用 iframed？

Answer 1

对 URL 进行 AJAX 请求，检查 x-frame-options header 。如果它是 DENY 或 SAMEORIGIN 那么您可能无法显示它。

var xhr = $.get("http://somewhere.com");
xhr.always(function () {
  var frameOption = xhr.getResponseHeader("x-frame-options");
  if (frameOption == "DENY") {
    // etc.
  }
});

https://developer.mozilla.org/en-US/docs/Web/HTTP/X-Frame-Options

正如 adeneo 指出的那样，对于许多具有跨域策略的站点来说，这可能会失败。您最好的选择是在您自己的后端检查 URL。

向您的服务器添加一个路由，该路由接受一个 URL，获取它并检查它是否可以被加框。