草庐IT

iframe2image

全部标签

javascript - 控制 Facebook iFrame 应用程序父框架的滚动位置

我已经成功启动并运行了一个FacebookiFrame应用程序,但我意识到由于跨域问题,我无法处理父框架的滚动位置。如果用户在页面上点击得太远,我无法将他们弹回顶部。有没有人幸运地使用了任何FacebookJS库或其他JavaScript技巧来实现这一目标?谢谢! 最佳答案 Facebook在2011年4月向新的JavaScriptSDK添加了FB.Canvas.scrollTo方法:http://developers.facebook.com/docs/reference/javascript/FB.Canvas.scrollTo

javascript - YouTube API 目标(多个)现有 iframe

我正在尝试了解如何使用YouTubeAPI定位现有的iframe(即不使用脚本构建iframe)。像往常一样,Google没有提供足够的API示例,但在此处解释说这是可能的http://code.google.com/apis/youtube/iframe_api_reference.html这是我正在尝试执行的操作的示例-应该播放缩略图下方的视频。我快到了,但只有第一个视频播放...http://jsfiddle.net/SparrwHawk/KtbYR/2/ 最佳答案 长话短说:演示:http://jsfiddle.net/Kt

javascript - 如何在页面加载时使用 jQuery 将 youtube 视频 url 转换为 iframe 嵌入代码?

我有一个所见即所得的文本区域,有时用户可能会在框中输入一个youtubeurl。在服务器端,有html过滤器以防止保存“有害”代码。因此,我只想保持服务器代码不变,并运行一个jQuery文档就绪事件,该事件在文本block中搜索YouTube链接,并将其转换为iframe嵌入代码。我想它会是基于正则表达式的,但我对正则表达式非常讨厌(在某些时候,我真的需要坐下来研究它们)。两种类型的YouTube链接:http://www.youtube.com/watch?v=t-ZRX8984sc或http://youtu.be/t-ZRX8984sc 最佳答案

javascript - <iframe> javascript跨域访问父DOM?

我控制嵌入在来自另一个域的页面中的iframe的内容。我的iframe中的javascript是否有任何方法可以更改父级的DOM?例如,我想让我的iframed脚本向父DOM添加一堆html元素。这似乎是一个相当高的要求-想法?编辑:存在一种称为“FragmentIDMessaging”的技术,它可能是跨域iframe之间进行通信的一种方式。编辑:此外,Firefox3.5、Opera、Chrome(等)似乎正在采用html5"postMessage"api,它允许在框架、iframe和弹出窗口之间进行安全的跨域数据传输。它像一个事件系统一样工作。显然,IE8支持此功能,这可能有点令人

Javascript,跟踪 iframe 重定向顶部窗口

由于除了沙盒之外没有其他方法可以阻止iframe重定向顶部框架,沙盒会阻止可见性跟踪所需的其他功能,因此我想跟踪重定向。由于一个站点可以有多个iframe,因此可以是其中任何一个。有什么方法可以跟踪/找出哪个(特定的iframe)导致顶部框架重定向?这是一个沙箱(使用浏览器控制台并启用保留日志):注意iframe内容通常是跨域的。为了便于在sandox中使用它。 最佳答案 我们可以使用类似iframe.contentWindow.document的东西访问iframe内容但如果我们观察Same-originpolicy,这是可能的.

javascript - 谷歌翻译 iframe 解决方法

我正在使用谷歌翻译工具翻译一个网页,我在这个页面上也有一个iframe,它显然没有随页面一起翻译。是否有任何人知道的解决方法,以便我也可以翻译iframe? 最佳答案 这是Google翻译的真正限制或政策。您不能重写iframe内容。但是您可以做的一件事是将iframeurl更改为翻译后的页面,例如: 关于javascript-谷歌翻译iframe解决方法,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.co

javascript - "iframe sandbox"技术安全吗?

更新:由于这个问题没有答案,所以我稍微改变了这个问题。下面链接的Dean博客上的帖子评论表明此技术在Safari中不起作用。我现在的问题是:下面描述的技术在现代浏览器中是否有效*,特别是有人可以确认它是否在Safari中有效吗?这是最近的blogpost.它在某一时刻说:Sandboxednatives...aresupportedinavarietyofbrowsers,including...Safari2.0+...但后来说iframe技术“被除Safari之外的所有主要浏览器支持”,他展示的回退涉及使用伪造的构造函数和__proto__做一些奇怪的事情,这似乎有点哈克。我几乎很

javascript - 如何重置 YouTube 嵌入 <iframe> 中的事件触摸事件监听器?

tl;dr:YouTube嵌入式视频标签有touch-event-listeners。活跃的触摸事件监听器会导致滚动性能问题-AKAjank.我通常通过使用touch-action:initial来设法修复与事件触摸事件相关的卡顿问题。在CSS中。这不适用于Youtube嵌入式视频元素。介绍:KayceBasques-谷歌技术人员-写道:Whenyouscrollapageandthere'ssuchadelaythatthepagedoesn'tfeelanchoredtoyourfinger,that'scalledscrolljank.Manytimeswhenyouencoun

javascript - 捕获传入的 URL 参数,然后使用 Javascript 传递给 iFrame Src

所以想弄清楚如何在Javascript中使用window.location来做到这一点。我将用户发送到我们的网站,并附上一个带有GoogleAnalytics代码的URL,我需要将该代码传递给该页面上的iframesrc。我假设Javascript可以做到这一点(注意-我不能使用PHP)...这就是我想要做的:我会将用户带到包含所有事件数据的页面。例如,用户会单击此链接:http://www.xyz.com/index.html?utm_source=Facebook&utm_campaign=Facebook+May&utm_medium=click他们将被定向到那个页面,然后上面有

javascript - 如何判断 Google Street View Image API 是否返回 "Sorry, we have no imagery here"(is.NULL)结果?

GoogleStreetViewImageAPI允许您将静态(非交互式)街景全景图或缩略图嵌入到您的网页中,而无需使用JavaScript。请求网址:http://maps.googleapis.com/maps/api/streetview?parameters+问题+如果我给它一个没有街景的地址,它会返回一张图片,上面写着“抱歉,我们这里没有图像”。根据当前的API,我无法检测它是否找到了街景。有人有解决这个问题的技巧或建议吗?+示例+正确的街景:http://maps.googleapis.com/maps/api/streetview?size=300x300&sensor=f