草庐IT

scroll-iframes-ios

全部标签

javascript - Chrome 扩展 : identify web requests of background-page iframe?

我正在编写一个Chrome扩展程序,它会代表用户定期检查网页。为了不引人注目,该页面被加载到扩展程序隐藏背景页面上的iframe中。是否可以仅识别此iframe发出的网络请求?我最初的实验(见下文)似乎表明这很棘手。获取特定选项卡的所有Web请求很容易:您拥有tabId,并且可以使用该tabId过滤Web请求(通过WebRequestAPI)。但是对于后台页面iframe,不清楚“tabId等效”标识符是什么,或者如何使用它来过滤Web请求。有什么想法吗?我最初的实验细节如下。frameId值看起来很有希望,但我不认为它在扩展程序中是唯一的。此问题已针对Firefox提出:Identi

javascript - 在远程站点 iFrame 中嵌入 Reactjs

UpdatedforBountyIamcurrentlyusingsrc="url"inmyiframetoloadtheReactAppwhichisnotoptimalformeasthatwillallowusertoright-clickand"OpenInNewWindow".TheoptimalsolutionwhichI'mlookingforistowritemybundle.jsintotheiframetogetherwithaorsimliarsolution.Thesrcwillremainasblanksousercannotconvenientlyright

javascript - 在 React 组件中渲染 Phaser.io Canvas

importReact,{Component}from'react';importPhaserfrom'phaser';exportdefaultclassAppextendsComponent{constructor(props){super(props);this.game=null;this.create=()=>{this.game.stage.backgroundColor='#124184';}}componentDidMount(){this.game=newPhaser.Game(800,600,Phaser.CANVAS,'phaser-target',{create

javascript - Socket.io 从断开连接中恢复

我在Socket.io中与服务器和客户端聊天。客户端向服务器发送消息或从服务器接收消息。为了测试断开连接事件,我拔出以太网插头并在几秒钟后重新连接。之后,从客户端发送消息仍然正常,所有之前在断开连接期间发送的消息都在Chrome和Firefox上成功重新发送。然而,对于接收,Chrome是可以的,但对于不再从服务器接收消息的Firefox则不行。问题是我该怎么做才能正确处理此类网络问题并使我的聊天更稳定? 最佳答案 如文档中所述和您所说的,套接字应该正常重新连接。由于您可以发送消息,因此您似乎已重新连接到一半。有几个事件值得您添加以

javascript - jquery 将所有样式表插入 iframe

如何将父窗口的所有样式表插入iframe的头部(相同域)?我基于类似问题尝试的代码:function(){vard=frames[0].document;varstylesheets=$("link").outerhtml;d.open();d.write(''+stylesheets+''+'');d.close();}显然这在IE之外不起作用。提前致谢。编辑:根据安东尼的回答尝试:$("link[type='text/css']").each(function(){varstylesheet=$(this).clone();$("iframe").contents().find("

javascript - 防止在 iOS 上滚动 HTML5 <video> 元素

我试图阻止在MobileSafari上包含HTML5视频元素的Web应用程序中的默认滚动。处理document.ontouchmove和调用e.preventDefault()是我发现实现此目的的标准方法。这似乎在任何地方都有效,除了当您触摸视频元素的顶部时,您可以开始向四周拉动页面,就好像它要滚动一样。这似乎只有在强制打开native视频控件时才会发生。如果您不包含controls属性并以可以在线播放的方式加载视频(例如在iPad上或在设置了allowsInlineMediaPlayback的UIWebView中),则会正确阻止滚动。所以它似乎与捕获事件的native视频控件(大播放

javascript - 从命令行伪造 socket.io 连接

一旦您设置了故障复杂的socket.io+node.js设置,您如何在不使用浏览器的情况下进行一些测试?您知道是否可以创建使用socket.io与“主”node.js服务器通信的node.js客户端吗?(正在与浏览器交谈的那个)。当然,浏览器中的逻辑将被复​​制到那些客户端中,但仍然... 最佳答案 现在有LearnBoost的官方socket.io-clientnpm-g安装socket.io-client我还使用phantomjsheadless浏览器做了一些测试 关于javascr

javascript 从缓冲区将图像绘制到 html (nodejs/socket.io)

(对不起我的英语)嗨,我有一个用nodejs创建的应用程序,用于将图像数据推送到网页中。使用socket.io将nodejs服务器的数据推送到网页此数据为完整图像,我尝试写入光盘以查看图像并且很好。数据被放入缓冲区以base64编码然后发送到网页,我尝试使用'data:image/png;base64,'+数据但什么也没发生……数据似乎是“完整的”,包括PNG图像的标题。服务器使用thrift与另一个客户端(在C++中)通信,该客户端创建图像并发送到nodejs-thrift服务器,当接收到图像时,nodejs-socket.io服务器推送到网页。一些代码:服务器端varhttp=re

javascript - 让 &lt;iframe&gt; 异步工作

是否有一篇好文章或如何让iframe或框架与每个页面异步工作?我有一个底部/固定的div包裹在jquery中,可以在包含mp3播放器的悬停时向上滑动。我用iframe引用了播放器。我渲染得很好,但是如果不在页面刷新或导航到另一个页面时重新加载,它怎么能继续播放呢?我希望它固定在每个页面的底部并且不刷新地连续播放。我尝试将iframe放在每个页面中,但仍然没有用。有任何想法吗?谢谢。 最佳答案 如果它必须留在浏览器中(不是下载应用程序或在音乐/视频播放器中读取流),唯一的方法应该是不要真正更改页面,并加载必须使用ajax或javasc

javascript - CSS 溢出 : scroll HTML 的滚动问题

这里是jsFiddle以便更好地理解:http://jsfiddle.net/BzYcZ/我有一些带有滚动条的div。我想要的是当我使用鼠标滚动在到达div的末尾时停止滚动,而不是滚动整个页面。发生的事情是,当我到达div的末尾时,整个页面开始滚动。我知道这是浏览器驱动的,但是是否有一些JS事件可以处理这种情况并防止在我的光标位于此div元素上时滚动整个页面。编辑:我希望能够滚动整个页面,但只有当我的鼠标离开这个div时。解决方案.noscroll{position:fixed;overflow-y:scroll;width:100%;}这是JavaScript部分:$('.small