草庐IT

iframe_window

全部标签

javascript - iOS (iPad) 上的 iframe 内容裁剪问题

我正在寻找正确的方法来确保在ipad/iOS5上的iframe中滚动后动态显示的内容可见。OhIframes和iPad-你真是个了不起的老栗子。我知道:iPad将iframe扩展到其中内容的整个高度(几乎就像它使用HTML5的“seamless”属性,但不完全是因为它不从父级继承样式或事件)。对许多人来说很奇怪,很烦人,但却是事实。因此是无用的,因为它根据其内容调整大小,而不是根据容器调整大小我需要将我的iframe包装在一个div中-啦啦或者介绍一些trickery设置框架的滚动位置(我认为这是基于thisarticle中提到的技巧)我的问题是,在iframe主体内动态显示的内容(例

javascript - Google Maps API V3 双指缩放不适用于 Windows 8.1 预览版上的 IE 11

尝试在带有Windows8.1预览版和InternetExplorer11(后来的IE)的多点触控屏幕上使用双指缩放不适用于GoogleMapsAPIV3(最新版本:3.12、3.13和3.14)。预期的行为是放大和缩小map。相同的功能在Windows8和IE10上运行得很好。这种情况似乎有两个异常(exception):https://maps.google.comhttps://developers.google.com/maps/documentation/javascript/examples/map-simple(嵌入文档页面的任何示例;在独立选项卡或窗口中通过按“全屏”V

javascript - 如何将新的 Google map 共享链接转换为 iframe 嵌入 html?

在我的应用程序中,用户只需粘贴一个指向诸如youtube或vimeo视频或某些soundcloud音频的链接,然后它就会找出如何通过oembed嵌入这些内容。因此,如果您将链接粘贴到从地址栏复制的视频,它就可以识别出来。如果您在应用程序的“共享对话框”中粘贴应用程序踢出的共享链接,它也可以工作。如果您粘贴iframe嵌入代码,我可以解析它并根据白名单检查它,您会再次得到完全相同的结果。我也想添加谷歌地图嵌入,但它不支持嵌入。此外,您现在可以获得“经典”(或旧的)Googlemap,但您也可以获得新的googlemap。(更复杂的是,您还可以获得谷歌地图引擎,但我们暂时忽略它......

javascript - Chrome 开发工具在调试 iframe contentWindow 时崩溃

我正在尝试调试iframe的contentWindow,但每次我尝试在chrome59上查看contentWindow对象时dev-tools页面崩溃。将contentWindow属性悬停在断点上或单击控制台记录的对象时会发生这种情况。我正在使用ReactJS,所以我创建了一个Reactfiddle,尽管我认为这不相关。Fiddletoreproduce:打开开发工具点击“试用”单击console.logged对象。有没有办法避免崩溃? 最佳答案 由于新的contextselection,这似乎已在chrome60上得到修复.特征

javascript - 在非对象上调用 React iframe youtube : Object. defineProperty

我制作了一个组件,用于在我的React应用程序中嵌入YouTube视频,效果很好。为此,我使用了iframe。但即使它有效,我也不知道为什么但我得到了这个错误。sw.js:5UncaughtTypeError:Object.definePropertycalledonnon-object这似乎是一个youtube问题,因为如果我在iframe中使用另一个URL比:https://www.youtube.com/embed/ZJD1zoAaCmo例如:https://www.dailymotion.com/embed/video/xwr14q我不会再有错误了如果您有任何想法,我们将不胜感

javascript - 在 Javascript 中使用 iFrame 进行跨浏览器打印

我想使用iFrame和javascript进行打印。以下是我的示例代码:JavascriptfunctionprintDiv(divP){window.frames["print_frame"].document.body.innerHTML=$(divP).html();window.frames["print_frame"].window.focus();window.frames["print_frame"].window.print();}HTML此代码仅适用于IE和Mozilla。其他浏览器正在打印白页。我不想使用媒体查询。可能的问题是什么? 最佳

javascript - 在 Windows 上安装 gifify

gifify是一个非常棒的脚本,可以通过命令行将视频转换为gif:https://github.com/vvo/gifify我很想在我的Windows10机器上运行它。我对Windows很陌生,对编码也比较陌生,但我能够让一些东西正常工作,但遇到了问题。这是我做的:安装了node.js+npm使用npm安装FFmpeg使用npm安装ImageMagick(我想我做错了,可能只安装了包装器)。已下载giflossy。它需要build(?)已安装VisualStudio2015,尝试使用nmake构建它并遇到此错误:NMAKE:fatalerrorU1073:don'tknowhowtom

javascript - 如果窗口作为选项卡打开,则 window.close 不起作用 (Firefox 47)

vargoogle_login_popup="";varsocial_google_login=function(){google_login_popup=window.open('www.google.com',"google_popup",'width=800,height=600');};social_google_login();setTimeout(function(){google_login_popup.close();},1000);它在新的TAB中打开弹出窗口-而不是窗口。但是.close()不会关闭窗口。这应该有效,因为打开窗口的脚本也在尝试关闭它。请注意,这仅适用

javascript - 仅限 Chrome 错误 : Failed to execute 'scroll' on 'Window' : No function was found that matched the signature provided

我只在Chrome中遇到这个错误(在Safari/Firefox中有效):无法在“Window”上执行“scroll”:找不到与提供的签名匹配的函数。代码在内联事件中:我不明白这是什么问题。PS:注意这段代码是我在DOM渲染后得到的输出。实际代码拆分成我在服务器端模板引擎中使用的不同组件/函数,正如下面评论中指出的那样,应避免直接混合此代码。 最佳答案 也许试试scrollTo。这是支持x和y坐标的跨浏览器。http://www.w3schools.com/jsref/met_win_scrollto.asp...

javascript - 在 iframe 中捕获所有 keyup/keydown 事件?

我正在开发基于Canvas的游戏,并使用window.addEventListener()全局附加keyup和keydown事件。这在正常查看页面时有效,但在将其作为iframe嵌入时有效;它没有获取keyup和keydown事件。有没有更好的方法可以做到这一点? 最佳答案 你不能,除非框架有焦点。你可以做的是在外部窗口上按下键使iframe聚焦,或者总是以某种方式聚焦iframe,或者默认聚焦iframe(可能足够好,不确定你在做什么)但要使窗口keydown在该框架需要焦点的任何窗口(框架或非框架)上触发。