如何从embedded在我的networking应用程序中的iframe删除边框? iframe一个例子是: <iframe src="myURL" width="300" height="300">Browser not compatible.</iframe> 假设背景颜色是一致的,我希望从我的页面上的内容到iframe的内容的过渡是无缝的。 目标浏览器只有IE6,不幸的是其他解决scheme将无济于事。
在我的Chrome扩展中,我将内容脚本注入到页面内的所有IFRAMEs 。 这是manifest.json文件的一部分: "content_scripts": [ { "run_at": "document_end", "all_frames" : true, "match_about_blank": true, "matches": ["http://*/*", "https://*/*"], "js": ["content.js"] } ], 因此,一个具有多个IFRAMEs网页将最终运行我注入content.js许多副本。 content.js的逻辑从其注入的每个IFRAME收集数据,或从主/首页收集数据,并将其发送回后台脚本 (使用chrome.runtime.sendMessage )。 后台脚本又需要存储数据在全局variables中,稍后在扩展中使用。 我面临的问题是,应用程序需要区分从多个IFRAMEs接收到的“数据”,因为我的数据收集方法可以在用户与页面交互时重复调用,因此我不能简单地“转储”收到的数据由后台脚本变成一个数组。 相反,我需要使用dictionary典型的数据存储。 我可以通过运行以下命令来判断数据是来自IFRAME还是来自顶部页面: //From the `content.js` var isIframe = window != window.top; 我的想法是,如果我收集每个IFRAME页面URL,那么我应该可以把它作为一个唯一的键来存储在我的字典型全局variables下的数据: //Again from content.js var strUniqueIFrameURL = document.URL; 那么,这是行不通的,因为两个或更多的IFRAMEs可以有相同的URL。 所以,我的原始问题 – 如何分辨页面上的IFRAMEs ? Chrome是否分配给他们一些独特的ID或某些信息?
最近,我的完整的网站是由两个其他领域的iframe调用。 我想阻止其他网站,谁试图在iframe中显示我的网站。 我怎样才能通过.htaccess阻止?
这是我的情况。 我有一个名为iframe.html的文件,其中包含图像幻灯片的代码。 代码有点像 <html> <head> <!– Have added title and js files (jquery, slideshow.js) etc. –> </head> <body> <!– Contains the images which are rendered as slidehow. –> <!– have hierarchy like 'div' inside 'div' etc. –> </body> </html> 用户可以使用embedded代码将幻灯片添加到他们的博客或网站(可以来自不同的域)。 假设用户必须在index.htmlembedded幻灯片,可以添加以下几行来添加幻灯片: <iframe id="iframe" src="path_to_iframe.html" width="480" height="320" scrolling="no" frameborder="0"></iframe> 这将从iframe.html带来完整的HTML代码到index.html ,现在我需要一种方法来访问iframe中的元素来调整它们的一些属性。 就像在代码中一样,iframe的宽度和高度由用户设置为一些固定的尺寸。 我想调整幻灯片(和图像包含)的大小的iframe容器的大小。 什么是最好的方法来做到这一点? 我试图通过类似的东西从index.html访问iframe组件,没有成功 $('#iframe').contents(); […]
我有一个iframe,我需要它有一个滚动溢出。 它似乎在桌面上工作,我用了一个工作,使其在iOS中工作。 它现在适用于Android和iOS。 不过,iOS8却失败了。 <html> <body> <style type="text/css"> .scroll-container { overflow: scroll; -webkit-overflow-scrolling: touch; } #iframe_survey { height: 100%; } .scroll-container { height: 100%; width: 100%; overflow: scroll; } </style> <div class="scroll-container scroll-ios"> <iframe id="iframe_survey" src="www.iframe.com" style="border:0px #FFFFFF none;" name="myiFrame" frameborder="0" marginheight="0px" marginwidth="0px" width="100%"></iframe> </div> </body>
我在www.example.com上有一个iframe指向support.example.com(这是一个到外地的CNAME)。 我自动调整我的iframe的高度,以便框架不需要任何滚动条来显示所包含的网页。 在火狐浏览器和IE浏览器这个伟大的作品,没有滚动条,因为我使用<iframe … scrolling="no"></iframe> 。 但是,在webkit浏览器(Safari和Chrome)上,即使在没有滚动条的情况下页面有足够的空间(滚动条变灰),垂直滚动条仍然存在。 如何隐藏Webkit浏览器的滚动条?
我想加载一个iframe的点击,这是我到目前为止: $("#frame").click(function () { $('this').load("http://www.google.com/"); }); 它不起作用。 这是完整的代码: JS斌
有没有办法embedded外部网页,而不使用iframe? 我可以访问这两个网站,我只是希望embedded内容的页面根据embedded的内容(它会随着时间的推移而变化,并在多个网站上)resize。 谢谢! 编辑:我不认为任何一种AJAX将工作,因为它是跨站点,JavaScript不会让你加载离线内容(据我所知)。
我有一个帮助页面,help.php,我在main.php中的iframe中加载如何获取此页面的高度,一旦它加载了iframe? 我问这是因为我无法将iframe的高度设置为100%或自动。 这就是为什么我认为我需要使用JavaScript ..我正在使用jQuery CSS: body { margin: 0; padding: 0; } .container { width: 900px; height: 100%; margin: 0 auto; background: silver; } .help-div { display: none; width: 850px; height: 100%; position: absolute; top: 100px; background: orange; } #help-frame { width: 100%; height: auto; margin:0; padding:0; } JS: $(document).ready(function () { $("a.open-help").click(function () { […]
如何在页面加载过程中发现我的页面是作为框架embedded到其他网站的? 我猜引用者请求标题不能帮助我在这里? 谢谢。