检测这是 iframe 加载还是直接加载

Question

我希望仅在 iframe 内的页面上拉出表单时才显示该表单。我该怎么做？有服务器端解决方案吗？

Answer 1

我的 iframe 标签就像


%iframe{:高度=> “98%”，：宽度=> "98%",:"id" => “个人资料Iframe”}


我想在此 iframe 中隐藏网页的标题，因此我使用的代码如下：

var $frame = $(window.parent.frames["profileIframe"]).contents();  
$frame.find('.header-ui').hide();

如果您观察到，contents() 返回一个元素为“#document”，它是 iframe 的 html，因此在没有此操作的情况下调用 javascript 将尝试访问在 iframe 背景中呈现的实际网页。

Answer 2

您只能通过 JavaScript 在客户端进行检查。

但是：不要这样做。将网站放入 (i) 框架中有很多合法用途。在这种情况下突破此类 iframe 或以任何方式更改您的网站只会让您的用户生气不高兴。

Answer 3

我想不出纯粹的服务器端方式，但你可以使用一些混合 javascript/rails。

假设您有一个专用的 iframe 布局模板，例如“layouts/iframe.erb”，

您可以在头部放置一些 javascript 来检查它是否作为 iframe 加载，如果不是，则重定向到一个操作并可能显示一个flash msg“只能在应用程序内加载此页面”

头部的javascript/rails

    <script type="text/javascript">

        function parentExists()
        {
         return (parent.location == window.location)? true : false;
        };

        function check_modal(){
        if (parentExists()) {
          window.location = '<%= url_for( :controller => "home", :action => 'iframe_action', :iframe_fail => 'true')%>'}
        }
        check_modal()
    </script>

注意参数：iframe_fail，您可以在控制器中检查该参数，如果该参数存在，则可以执行任何操作，例如显示flash msg 或重定向

示例控制器

def iframe_action
  if params[:iframe_fail]
         flash[:notice] = 'can only load inside app'
      else
       #do something else
      end
end

不太漂亮，但可能会帮助您完成工作。

Answer 4

如果您使用的是 JQuery...（此处安装说明： http://jquery.com/ ）

$(document).ready(function(){ 
    if( window == window.top) { $('form#myform').hide(); }
});

这只是隐藏了如果窗口不是最顶层的窗口，则表单的 ID 为“myform”。