草庐IT

frame_layout

全部标签

javascript - 检测 "Refused to display document because display forbidden by X-Frame-Options."错误的方法?

这个问题在这里已经有了答案:Catcherrorififramesrcfailstoload.Error:-"Refusedtodisplay'http://www.google.co.in/'inaframe.."(8个答案)关闭6年前。我正在使用“googleviewer”查看一些文档。唯一的问题是,如果浏览器有一个处于“边缘”的谷歌登录,它什么都不显示,并且“拒绝显示文档,因为X-Frame-Options禁止显示。”发生错误并显示在控制台中。我所说的“limbo”是指已知登录但用户必须重新输入密码以重新验证自己的情况。是否有一种方法可以检测此错误何时发生,以便我可以显示弹出错误

javascript - 如何在 Chrome/Webkit 中获取 "Unsafe JavaScript attempt to access frame with URL"错误的堆栈跟踪?

在Webkit浏览器的控制台中出现此错误的原因是众所周知的,并在错误文本中进行了清楚的描述:UnsafeJavaScriptattempttoaccessframewithURLiframed-content-example.comfromframewithURLwww.example.com.Domains,protocolsandportsmustmatch.但对于有许多可能触发错误的代码片段(广告、第三方库、站点特定脚本)的大型网站,错误消息对于跟踪和调试产生问题的代码行帮助不大.有什么方法可以在发生跨域错误时触发堆栈跟踪? 最佳答案

javascript - 在鼠标悬停时显示 d3.layout.force 链接工具提示

如何在鼠标悬停在D3有向图布局中的链接上实现工具提示?我正在改编D3force示例,因此使用如下代码设置节点工具提示非常简单:node.append("title").text(function(n){returnn.id;});对链接尝试类似的技术并没有导致鼠标悬停在工具提示上:varlink=svg.selectAll("line.link").data(json.links).enter().append("line").attr("class","link").style("stroke-width",function(d){return4;});link.append("ti

javascript - 在版本 4 中动态添加节点到 D3 Force Layout

我正在尝试实现一个简单的力布局,其中可以动态添加和删除节点(没有链接)。我成功地在D3版本3中实现了这个概念,但我无法将其转换为版本4。添加和更新节点后,模拟卡住并且传入的圆圈绘制在svg的左上角。有人知道为什么会这样吗?感谢您的帮助:)我的概念是基于这个解决方案:AddingnewnodestoForce-directedlayoutJSFiddle:workingcodeind3v3/*Defineclass*/classPlanet{constructor(selector){this.w=$(selector).innerWidth();this.h=$(selector).i

javascript - Frame Busting 克星并不完全适用于 IE

我一直在研究Framebustingbuster(名称中的含义,呵呵),它使我的用户留在我的页面上并打开一个包含目标URL的新窗口。我正在使用Lightbox脚本来显示iframe,这就是我正在做的:1)为所有.lightbox点击添加了一个事件,例如:$('.lightbox').live("click",function(e){e.preventDefault();$('#redirectURL').val($(this).attr('href'));$(this).lightbox();}2)添加了一个framebustingbuster:varprevent_bust=0win

javascript - Marionette Layout 切换策略

我有以下情况:app.js:SingletonMarionette.Application()我在其中定义导航、页脚和主要区域。在初始化程序中,我构建了Marionette.Contoller's并将它们附加到应用程序的this.controller对象以供以后控制。我可能不会在这里构建所有的Controller,只构建我想要预先加载的Controller。有些是后来的延迟加载。我还在这里实例化了一个Backbone.Router,并传入了对我的应用程序对象的引用:vartheApp=newTP.Application();theApp.addRegions({navRegion:"#

javascript - 如何在 express.js node.js 中设置 X-Frame-Options

我有一些静态Assets,我想在多个桌面/移动网络客户端的iframe中提供服务。现在,我如何将允许的一组特定来源列入白名单X-Frame-Optionsheader的设置,以便资源可以作为iframe嵌入在不同的桌面/移动网络客户端中。对于所有其他来源,拒绝访问此资源。经过一些挖掘,我开始了-constapp=express();varallowCrossDomain=function(req,res,next){res.header('Access-Control-Allow-Origin','*');res.header('Access-Control-Allow-Methods

javascript - Angular Material : layout-fill not filling parent <div>

SampleTextHereSignUp我有上面的HTML部分,我正在尝试使用AngularMaterial的flexbox支持来创建一个页面,该页面的背景图像是整页。叠加在该图像上的是一些文本和一个位于图像中心的按钮。如果我检查chrome中最外层的div,它的大小(如预期的那样)是全屏。由于某种原因,图像div不执行此操作。它只占用足够的空间来包含文本和按钮。任何关于为什么会发生这种情况的见解将不胜感激。我知道这可以通过多种不同的方式使用各种css技巧来完成,但我想了解我对flex的工作原理缺少什么。更新链接到JSFiddle 最佳答案

javascript - 如何解决 Blocked a frame with origin from accessing a cross origin frame error in wordpress?

这个问题在这里已经有了答案:Crossdomainiframeissue(5个答案)关闭3年前。我在WordPress网站上工作,其中安装了很多wordpress插件。wordpress网站安装的插件有以下选项:当我单击查看详细信息选项时,出现如下图所示的空白屏幕,但是当我在新窗口或选项卡中打开时,它可以正常工作。在检查控制台时,我收到以下错误(当单击“查看详细信息”时无法在同一页面上打开):Blockedaframewithoriginfromaccessingacross-originframe.atContentsatFunction.mapata.fn.init.n.fn.(a

javascript - ColdFusion Layout, CFlayout, 无法切换到父标签

我有一个使用CFlayout生成动态选项卡的应用程序。每个选项卡都由变量组合组成,但出于本文的目的,没有必要深入探讨。有趣的是。过去,如果CFlayout找不到选项卡,我总是会收到错误消息。如果我更改选项卡名称(知道它会不正确),Coldfusion会抛出错误,所以我知道选项卡存在通常,但无论出于何种原因,它都不会切换。下面是我的代码:JavaScriptvaruniqueTopTabID=someVar,uniqueLowerTabID=uniqueTopTabID+someVar,$topLayoutID=$('#cf_layoutarea'+uniqueTopTabID),//j