草庐IT

iframe 详解、案例

简单使用我们通常使用iframe最基本的特性,就是能自由操作iframe和父框架的内容(DOM).但前提条件是同域.如果跨域顶多只能实现页面跳转iframesrc="./iframeA.html">iframe>同域oriframesrc="https://cn.bing.com/">iframe>跨域iframeA.htmlDOCTYPEhtml>htmllang="en">head>metacharset="UTF-8">metahttp-equiv="X-UA-Compatible"content="IE=edge">metaname="viewport"content="width=d

Python:用Selenium操纵网页,找不到iframe,可以用这个简单粗暴的方法,循环他

很多时候用Selenium包操纵浏览器的时候,会遇到元素因为包含在某个莫名其妙的iframe里面,而无法定位的情况。可以采用以下方法,通过循环遍历所有的iframe,定位到iframe后,再选取和操纵相应的元素。直接上代码:deffind_all_iframes(driver,name='WorkAreaFrame1'):iframes=driver.find_elements(by=By.XPATH,value="//iframe")forindex,iframeinenumerate(iframes):ififrame.get_attribute('name')==name:driver.

iframe嵌套其它网站页面及相关知识点详解

在开发过程中会遇到需要在一个页面中嵌套另外一个页面,就要使用到框架标签,然后指定src就可以了。基本语法:iframesrc="需要展示的网站页面的URL">/iframe>用法举例:!DOCTYPEhtml>htmllang="zh">head>metacharset="utf-8">title>框架/title>/head>body>iframesrc="https://www.csdn.net/?spm=1001.2101.3001.4476">/iframe>/body>/html>运行后效果图:但是我们需要更好看点的iframe.我们来看看在iframe中还可以设置些什么属性属性值f

javascript - iFrame 中的触摸事件在 iOS 上不起作用

在iOS设备上附加到IFrame内的窗口时,不会触发像touchstart或touchend这样的触摸事件。这是一个非常简单的例子:parent.htmlTouchTestchild.htmlTouchTestbody{margin:0;padding:8px;}div.header{margin-bottom:8px;}div.text-entry{font:3001rem/1.25'OpenSans','HelveticaNeue',helvetica,arial,sans-serif;color:rgb(64,64,64);}window.onload=function(){fu

ios - Youtube iframe 在 iOS 上嵌入了 webkit-transform scale

我很想在移动用户的嵌入式youtubeiframe上使用-webkit-transformscale()。但是如果你访问http://jsfiddle.net/tKbHz/9/在iOS上,iframe的缩放有些奇怪。在Chrome或DesktopSafari(Mac)中不是这种情况。我相信我在youtube中发现了一个错误-因为其他iframe似乎表现正常。任何人都遇到过这种情况或知道修复方法吗? 最佳答案 移动设备上的youtube视频不是直接转到媒体播放器吗? 关于ios-Youtu

javascript - 通过 iFrame API 以编程方式嵌入 youtube 视频无法在移动设备上播放

我需要能够通过iframeapi以编程方式在元素中加载视频,并让它在移动设备(iOS6、iOS7、最新的android)上播放。这是javascript:vartag=document.createElement('script');tag.src="https://www.youtube.com/iframe_api";varfirstScriptTag=document.getElementsByTagName('script')[0];firstScriptTag.parentNode.insertBefore(tag,firstScriptTag);varplayervarpi

ios - 为什么 iframe 中的 FB.Login javascript 调用未在 FB iOS 应用程序中显示 native 登录

我正在尝试使用以下代码(取自javascriptFB.Login示例)调用FBiOS应用程序中的native弹出窗口,以允许用户登录并验证我们的应用程序。移动iOS应用程序是我们Web应用程序页面的主要用例。我们使用框架来允许客户将我们的代码嵌入他们的网站。下面的示例在直接访问(fblogin.hml)时工作​​正常(并显示正确的原生FacebookiOS弹出窗口),但在通过iframe访问时不显示任何弹出窗口工作。通过iframe调用时,对FB.ui的任何调用都可以正常工作。这是FacebookiOS应用程序和/或JavascriptSDK中的预期行为还是问题?我们可以通过其他方式从

html - iFrame 对凭据没有挑战性

我正在尝试创建一个仅包含img的phonegap应用程序标签或iframes,所有这些都来self们网络上的许多不同服务器。我目前面临的挑战是,当您导航到例如http://my-intranet-domain/image.png时在浏览器中,您会看到一个登录对话框,用于输入您的事件目录凭据;当你把它写成在phonegap应用程序(或者甚至是macbook上的Chrome和Safari)中,您只会收到401错误(没有凭据挑战)。我怎样才能:在这种情况下对用户名和密码的挑战并且,可能:获得用户名和密码后,请记住这一点,这样您就不必再次询问(这些图像/iframe可能来自许多不同的服务器,但

iOS 9 和来自 iframe 的 Safari 上的通用链接

我正在尝试获得一个通用链接,指向我在iOS9上运行的iOS应用程序。该链接应显示在iframe中。截至目前,我已经使用以下方法在iOS9上为chrome正常工作:ChromeiOS9allgood此链接在iframe的Safari上不起作用。通过一些实验,我发现从我的本地ip调用时,以下链接确实有效:SafariiOS9problemcase但出于某种原因,当我将此链接添加到与通用链接(demo.linkid.be)位于同一域的页面上时,这不会打开我的iOS应用有什么想法吗?或者这是此时Safari中的错误?[更新]如果您长按链接,带有以下链接的SafariiOS9将可用。将出现一个操

javascript - iOS - 删除具有焦点输入元素的 iFrame 保持光标可见和键盘打开

在iOS中打开:https://jsfiddle.net/rLLvd18q/31/我有一个页面托管带有输入元素的iFrame。外部页面有一个从DOM中删除iFrame的按钮。在iOS9.3.2的Safari/Chrome中(我在iPhone6s上测试过)在输入聚焦时单击该按钮,会导致iFrame被删除,但光标在屏幕上保持闪烁。此外,键盘保持打开状态(点击按键无任何作用)。关闭键盘后,单击屏幕中的任何其他位置会导致键盘再次弹回。我已经尝试在单击按钮并执行操作后从托管页面单击按钮向iFrame发布消息document.activeElement.blur()在iFrame中。没有帮助...