Tag: iframe

cordova手机使用应用程序中的外部网页,同时保持页眉/页脚(导航)

到目前为止,我已经尝试了inappbrowser和iframe。 Iframes工作,但我已经遇到了一些在我使用iframe的实现中的应用程序中断的错误。 是否有一个更类似本机的解决scheme,用于在手机内部显示外部网页,同时仍然保持您的应用程序导航,例如带有侧面滚动菜单的标题?

如何从电话IOS中的IFrame访问cordovafunction

在我的Phonegap ios项目中,我有一个i帧和iframe的src是同一个www文件夹中的本地html页面。 里面的HTML(IFrame源)一个button和onlick监听器。 我需要打开一个网站,同时单击InAppBrowser或Safari(新窗口)中的button。 我不能够从HTML文件(IFrame源)访问phonegap方法,我包括Cordova两个HTML文件,我的源HTML页面给出了下面,这个页面显示在一个iframe中。 <html> <head> <script type="text/javascript" charset="utf-8" src="cordova.js"></script> <script src="js/libs/jquery.js"></script> <script src="adv.js"></script> <script> $(document).ready(function () { $('#advArea').find('button').on('click', function (e) { e.preventDefault(); var path = "http://www.google.com"); console.log(path); //window.open(path,'__system'); //need to acces inApp Browser from here }) }); </script> </head> <body> <div id="advArea"> <button></button> </div> </body> </html>

cordovaiOS空白iframe

在我正在工作的Cordova应用程序中有一个iframe。 问题是,当testing应用程序(模拟器和设备)的iframe是空白的。 在Android上,iframe可以很好地工作。 iframe在Angular指令中dynamic加载。 在指令链接函数中,以下代码用于加载和附加iframe到指令的元素: var iframe = angular.element('<iframe class="widget" width="' + widgetWidth + '" height="' + widgetHeight + '"></iframe>'); iframe.attr('src', url); element.append(iframe); 我也试过用下面几行的东西: var iframe = document.createElement('iframe'); iframe.src = url; 这导致像下面的东西(使用Safari Web检查器): <iframe class="widget" width="384" height="505" src="http://hostname/correct/uri"></iframe> 在我的index.html文件中,我有以下设置: <meta http-equiv="Content-Security-Policy" content="script-src * 'unsafe-eval'; connect-src * 'unsafe-eval'; object-src 'self'; style-src * 'unsafe-inline';"> 我的cordova config.xml中也有以下几行: <access […]

YouTube自动播放IOS的可能性

我已经创build了一个webView: videoView.delegate = self; videoView.userInteractionEnabled = true; [videoView loadRequest:[[NSURLRequest alloc]initWithURL:[[NSURL alloc] initWithString:@"website"]]]; 我有HTML / JavaScript来处理video的加载以及自动播放和下一个video。 这一切都有效,但是我的问题是,IOS会自动加载类似Quicktime的播放器,这也是一件好事,但我不知道如何控制,也不知道一旦发生了什么,就不知道如何播放video。 我希望播放器中显示的button自动播放。 我希望在任何时候发生新的video加载。 JS代码就像这样工作。 我列出了一个列表,这是我的播放列表。 我不从youTube加载播放列表我只是做我自己的列表,当video结束被称为我通过ID加载一个新的video。 我也自动播放这个video,这个video就是IOS给我提供的一个video加载的button。 另外,我正在使用iframe来完成所有这些工作,而youTube api就是这样控制事物的js一侧的。 问:有没有办法通过代码控制玩法? 如果是这样,当玩家已经加载,并加载另一个video,我怎样才能让自动播放呢? 我find了答案: 如果你把webView.mediaPlaybackRequiresUserAction=FALSE; 在webViewDidFinishLoad然后它会自动播放,并仍然让您使用其他button以及。 这工作像一个魅力,并build议使用它。

停止iframe在phonegap项目中redirect/打开移动Safari

目前,我一直在我的phonegap项目中加载一个页面到隐藏的iframe作为从我的应用程序中使用的移动版本的网站的数据刮取的方式。 问题是,一个特定的网站有一些types的框架,并发送redirect退出应用程序,并在移动Safari浏览器加载页面。 有没有办法停止重新加载? 抛开抛弃的道德观念:-)

我如何让一个cordova6.1应用程序在iOS网站上embedded一个iframe?

直到我最近build立,我的cordova应用程序能够embedded一个网站的iframe就好了; 现在,大概在更新之后,我忘记了,构build应用程序结果的iframe在iOS上是空白的,但在Android中工作。 我已经将以下设置添加到config.xml中: <access origin="*"/> <access origin="*.pushwoosh.com" /> <access origin="*.hoby.org" /> <allow-navigation href="*" /> <allow-intent href="*" /> 以及以下内容安全策略: <meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'"> 基本上应该允许一切。 我join了cordova-whitelist插件,使用了cordova 6.1.0和Ionic 1.7.14 编辑:它实际上在iOS模拟器上工作,但不是当我在设备上运行它。 编辑2:它似乎可能是一个移动Safari浏览器的问题; 我正在查看我的networking上的文件,甚至在cordova以外的文件都没有正确加载。 我可以确认的是,至less在几天之前这个工作正在进行。

Cordova 3.7在每个本地电话上重复使用iframe

由于我已经升级到Cordova 3.7,所有本地调用都会将下面的iframe添加到DOM。 <iframe src="gap://ready" style="display: none;"></iframe> 为了排除我的现有代码影响cordova的可能性,我尝试用cordova CLI创build一个新的代码,添加控制台插件并在deviceready处理程序中的setInterval循环中调用console.log()。 因此,我在DOM中获得了大量的iframe。 我已经在iPad 3,iOS7上尝试过使用xCode 6构build应用程序。 有没有人遇到过这个问题? 谢谢。 更新: 相应的问题提交给cordova: https : //issues.apache.org/jira/browse/CB-8002这个问题应该在3.8版本中解决。

点击屏幕时,iPhone键盘不会隐藏

我有一个数字types的input字段 <input type="number" pattern="[0-9]*"/> 在正常的浏览器中,我正在input一些数字,我正在点击屏幕,它隐藏了iPhone / iPad的键盘。 但是,如果它是在内部框架,这是行不通的。 我们需要明确点击完成button。 这个问题只适用于iphone / ipad 这是一个iframe问题。 任何修复使用JavaScript / JQuery的将不胜感激。 更新 试着 document.activeElement.blur(); 并在javascript中触发事件时重点关注。 他们都没有工作.. $(document).on('focusin', function(){ $('input').css("background-color", "green"); console.log('focusin!') }); $(document).on('focusout', function(){ console.log('focusout!') $('input').css("background-color", "yellow"); $('input').blur(); }); 专注是不是在内部调用iframe! 我的问题是**How to force close ipad/iphone keypad when input element is not focused using Javascript/Jquery?** 答案将按照说明奖励!

如何在uiwebview iOS中处理YouTubevideo事件(开始,完成等)

目前,我正在使用新的iframe API在YouTube上的uiwebview中embeddedYouTubevideo,并且能够在没有用户交互的情况下自动播放。 在iframe API中,描述了如何使用onstatechange事件,但在我的应用程序中它似乎并不工作,不幸的是我看不到在uiwebview中的任何debugging。 我只是想能够检测到video结束时,你有什么build议吗? 有没有人得到它的工作?

iOS浏览器 – 使用JavaScript更改CSS或内容时,iFrame跳转到顶部

这个问题似乎一直存在下去。 在某些特定的情况下,iOS浏览器会出现这个令人沮丧的错误。 问题: 如果您有一个包含iFrame的网页,并且您正在以编程方式修改iFrames内容文档,则iFrame将跳转到页面的顶部。 但是,只有在DOM操作之前的页面超过某个高度时,才会发生这种情况,通常情况下,这个长度大于视口长度的两倍。 无论您是修改DOM结构还是更改样式属性,都会出现此问题。 这个错误只在iOS上出现,包括截至目前的最新版本(9.2)