我正在写一个小网页,其目的是构建其他一些页面,只需将它们合并到一个浏览器窗口中以便于查看.我试图框架的一些页面禁止被框架并抛出"拒绝显示文档,因为X-Frame-Options禁止显示".Chrome中的错误.我知道这是一个安全限制(有充分理由),并且无权更改它.
是否有任何替代框架或非框架方法在单个窗口中显示不会被X-Frame-Options标头绊倒的页面?
我Knockout.js用来绑定iframe src标签(这可以根据用户进行配置).
现在,如果用户已配置http://www.google.com(我知道它不会在iframe中加载,这就是为什么我将其用于-ve场景)并且必须在IFrame中显示.但它会引发错误: -
拒绝在框架中显示" http://www.google.co.in/ ",因为它将"X-Frame-Options"设置为"SAMEORIGIN".
我为iframe提供了以下代码: -
<iframe class="iframe" id="iframe" data-bind="attr: {src: externalAppUrl, height: iframeheight}">
<p>Hi, This website does not supports IFrame</p>
</iframe>
Run Code Online (Sandbox Code Playgroud)
我想要的是,如果网址无法加载.我想显示自定义消息.
骗子在这里
现在,如果我使用onload和onerror作为: -
<iframe id="browse" style="width:100%;height:100%" onload="alert('Done')" onerror="alert('Failed')"></iframe>
Run Code Online (Sandbox Code Playgroud)
它可以正常加载w3schools.com,但不能与google.com.
其次: - 如果我把它作为一个功能,并尝试像我在我的小提琴,它不起作用.
<iframe id="browse" style="width:100%;height:100%" onload="load" onerror="error"></iframe>
Run Code Online (Sandbox Code Playgroud)
我不知道如何让它运行并捕获错误.
编辑: - 我已经看到如果iframe没有在stackoverflow中加载或加载问题,想要调用函数,但它显示可以在iframe中加载的网站的错误.
另外,我已经在加载事件上看了Stackoverflow iframe 谢谢!!
我知道可以为window.error添加事件监听器.
但是,在使用Iframe时,每个iframe都有自己的窗口元素,window.error应该为每个窗口元素创建iframe.
是否有可能以某种方式在一个位置定义错误事件处理程序,其中所有错误都将触发此特定方法?