草庐IT

embed_iframe

全部标签

javascript - 在 iFrame 中安全地执行 HTML5/Javascript

我想开发一个网站来托管HTML5游戏。由于这些游戏有可能包含恶意javascript,我想知道如何设置一个安全的环境来托管它们。似乎用iframe嵌入游戏是答案,但我对网站开发比较陌生,所以有一些问题:有没有一种简单的方法可以在同一域中安全地托管游戏,或者...游戏是否必须托管在不同的域上,然后嵌入到iframe中,以便它无法与父文档交互?如果游戏在托管在另一个域上时执行,它能否以任何恶意方式与该托管域交互? 最佳答案 跨站点脚本和cookie的超范围将是这里的一个大问题。使用浏览器的同源策略将是一种有值(value)的防御方法。r

javascript - 如何更改 IFrame 中的文本颜色

我有一个带有IFrame链接到文本文件的html页面,我的html页面的主体设置为黑色,IFrametxt的默认颜色是黑色,所以我看不到我的文本:/我想知道如何更改文本颜色,谢谢。吉奥基拉 最佳答案 这至少在FF、IE和Opera中有效。document.getElementById('your_iframe_id').contentWindow.document.body.style.color='white';在Chrome中,您只能更改IFRAME的背景颜色:document.getElementById('your_ifra

javascript - 使用postMessage在不同域的iframe中进行本地存储

我的问题与performancesetbacksofusinglocalStorage有关和一个可能的解决方法。据我了解(对此我不太确定),一旦在页面上看到对localStorage的引用(编译时?),它就会阻止线程并从磁盘读取数据以填充localStorage内存以供引用.或者,如果该域过去存储过数据,那么它可能会在磁盘上查找数据,因此它知道本地存储已经在那里使用。在任何一种情况下,由于localstorageapi是同步的,它会阻止从磁盘读取的线程,让我们等待数据被读取,然后页面才能做任何其他事情。假设我们将一个iframe插入页面,该页面动态加载不同的域作为其源。如果我们使用此i

html - iOS Safari 不滚动以锚定在 iframe 中

我有一个带有iframe的HTML页面,我需要在加载时将其内容滚动到某个位置。我的示例在大多数浏览器中运行良好,但iOSSafari除外——这是我真正需要的浏览器。它倾向于在第一个页面加载时在iOSSafari中工作,但通常之后的任何刷新都会显示滚动到顶部的iframe内容。我读过有关重定向导致#anchorname被删除的问题,但在本例中并非如此。真正的iframe内容和主页在不同的域中。我可以影响iframe的内容,但我无法控制它。它也用于其他目的,所以我做任何可能干扰它的自定义的能力有限。直播链接在这里:https://s3.amazonaws.com/ios-iframe-te

html - 将 IFrame 设置为 "about:blank"的跨浏览器方式?

有人知道“清空”IFrame的正确跨浏览器方法吗?“about:blank”是否在所有浏览器中都被正确识别?给IFrame一个空的src是否有效? 最佳答案 怎么样src="javascript:;"或src="javascript:void(0)"这应该适用于IE和Firefox 关于html-将IFrame设置为"about:blank"的跨浏览器方式?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.c

iphone - YouTube 是否破坏了 iPhone 上嵌入的 IFrame?

我们一直在使用YouTube的iframe嵌入视频。一切皆好;在iPhone上除外。在iPhone上,视频占位符图像被拉伸(stretch)到应有的两倍高。播放视频时会出现消息“您需要更新您的Adob​​eFlashPlayer...”——这肯定不对吧?这大约一周前工作正常。我目前正在使用4.3.1的iPhone4上进行测试-但也在iPad4.2.1上进行了测试。我正在测试的示例剪辑在这里:http://wexion.net/posts/youtube_iframe_test该页面的HTML如下所示,但如果我将它放在“正确”页面上,也会发生同样的问题。还有其他人有这个问题吗?知道是怎么

javascript - Iframe 内的 Iframe。这可以做到吗?

我们有一个视频(vimeo)链接,希望我们的用户观看。每个视频后都有一个简短的调查问卷。我们的目的是在用户点击打开视频进行观看之前,不让用户看到问卷。我只能考虑将下面的代码嵌入到另一个iframe中以隐藏链接。这可能吗?是否有替代方法?DogSmokingbody{padding-top:0;padding-bottom:0;padding-left:0;padding-right:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;}variframe=$('#player1')[0],player=$f(ifram

jquery - Window.scroll 在 iframe 中

我搜索过,但找不到任何东西。在页面上向下滚动后,我有一个粘性标题显示在页面上。这在页面上非常有效。但是,不幸的是,我现在不得不将它放在一个iframe中。我必须使用完全相同的代码,但我相信是window.scroll导致它出错。内容就位于页面顶部的所有内容后面,当检查代码时,它会停在该函数处,不再继续。是否有window.scroll(或滚动功能)的替代方案,或者是否有办法让它在iframe中工作?我所有的尝试都失败了。我的例子在这里https://www.bootply.com/edHiY15iJy#标题的HTMLCustomerName:Person!!Address:101Mai

javascript - 隐藏在内容后面的 iOS 12 中的 Bootstrap 模态 Iframe

我在iOS12上的Safari的iframe中显示的Bootstrap4.1模式有问题。测试的所有其他浏览器都按预期工作(甚至是iOS11上的Safari)。该问题似乎特定于iOS12。我创建了一个minimalexampledemonstratingtheissue.前两个按钮似乎按预期运行,但是最后4个按钮您可以看到问题,向下移动时每个按钮都更糟,当您尝试滚动或关注内部的元素时,最后一个按钮一起消失模态(见下面的截图):我会注意到我们正在以一种可能有点非正统的方式处理此功能,因为我们不是允许iframe的内容滚动,而是在它加载后通过在父子之间传递消息来调整它的高度message事件

javascript - 防止在 Facebook 嵌入 iframe 上进行大量 xhr/ajax 调用

我有一个BootstrapCarousel,其中包含许多来自Facebook的社交嵌入,都包含视频。我不会详细介绍BootstrapCarousel,因为这个简单的jsfiddle问题已经很明显了。并且是由于Facebook嵌入。如果您加载此页面:https://jsfiddle.net/1L95vqn4/,然后在“网络选项卡”上查看Chrome开发工具并在“XHR”上进行过滤(禁用缓存),您会看到34个请求,并且在您“播放”所有通过ajax加载的视频之前它加载了5.8MbFacebookiframe。我想延迟加载那些fbajax请求的权重,也就是说,只在用户按下“播放视频”时加载那些