草庐IT

page_specific_resize

全部标签

javascript - 如何从 iframe 内部捕获 iframe resize 事件(iframe 和页面 - 同一域)

我尝试从iframe内部监听iframe宽度/高度的变化:$(window).resize(function(){alert('1oninsideiframe');});或:$(window.parent).find('iframe').resize(function(){alert('2oninsideiframe');});但是当iframe大小改变时没有任何反应。(我需要一个跨浏览器的解决方案:IE7、Chrome、Firefox、Safari。) 最佳答案 $(body).resize(function(){alert('o

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

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

javascript - 通用汽车 : resize image if it is wider than 1000px

我正在尝试通过collectionFS中的gm进行一些图像处理,因为我需要读取一个流并将其写回同一个文件,我必须使用一个临时文件-如下所示。我想检查图像是否大于1000像素。在这种情况下,它的大小应重新调整为1000像素。不幸的是,这不起作用,因为我收到错误TypeError:Object[objectObject]hasnomethod'pipe'和Error:gm().stream()orgm().write()带有不可读流。varfs=Npm.require('fs'),file=Images.findOne({_id:fileId}),read=file.createReadS

javascript - 按顺序打开 Angular 应用程序页面 - 第二个 page.open 回调不会被调用

我正在尝试依次打开2个Angular应用程序页面,以使用phantomjs获取它们的屏幕截图。第1页需要在第2页之前打开,因为它为第2页准备了一些数据。我正在使用两个嵌套的setTimeout()函数,方法如下:varpage=require('webpage').create(),t,url;phantom.addCookie({'name':'token','value':'','domain':'localhost'});t=Date.now();url="http://localhost:8000/#/page1";page.onConsoleMessage=function(

javascript - Polymer core-animated-pages 默认页面

我正在使用Polymercore-animated-pages在我的网站主页之间切换。我通过的id来选择需要显示的页面.您可以查看实际示例here.现在,我遇到的问题是在加载页面时,应该选择的页面是从url加载的,例如www.example.com/home显示主页,www.example.com/activities显示事件页面(示例中省略的代码,因为不是很相关)。但是链接提供的id不存在怎么办?是否有显示默认值的选项core-animated-pages-带有404消息的页面?或者我是否必须检查每个链接是否在我所有页面的数组中,如果是,则手动加载错误页面并显示正确的页面?同样,这里

javascript - 优化 : Get specific Value(and not more) from IndexedDB

我正在做的是在客户端上保存和检索大量图像。(现在indexedDB对于这个简单的工作来说似乎有点过分了,但是因为它是唯一没有限制的跨浏览器解决方案(比如localStorage),所以我不得不使用它......而且它有效)这是我的数据库的样子:(更具体地说,我的数据库的唯一对象库)#|key(timeID)|value0|812378123|{data:¨....¨,tnData:¨...¨,timeID:812378123}1|912378123|{data:¨....¨,tnData:¨...¨,timeID:912378123}2....KeyValue是一个唯一的TimeID,

javascript - react : Resizing a div including handlers, 不同的游标,即 ns-resize - 没有 jquery

我正在寻找一种允许用户使用句柄和所有相关光标调整div大小的简单方法。我看到很多使用jquery的示例,但我想在React中使用它,不需要jquery。有谁知道这样做的简单方法吗?我假设纯js,css。我真的不想为此使用react组件,因为我需要在标准div上启用调整大小。当然,它是与reactjs一起使用的,有没有更现代的方法可以在没有jquery的情况下做到这一点?**编辑**这些是可用于每个可调整大小的点的光标e-resizene-resizen-resizenw-resizes-resizese-resizew-resizesw-resize 最佳答

javascript - Chrome 扩展 : Storing variables for a tab even if page changes

我正在构建一个Chrome扩展程序。我想知道即使页面发生变化,是否有一种方法可以记住选项卡的js变量。例如。如果我在example1.com上并在同一个选项卡上转到example2.com,我应该保留在example1.com上设置的变量。我不想使用Chrome存储空间。我不能使用localStorage或sessionStorage,因为chrome对不同的域有不同的存储。这可以通过哪些方式实现? 最佳答案 除了使用localStorage(通过后台页面)之外,您还可以通过从内容脚本向后台页面发送消息,将这些变量直接保存在后台页面

javascript - Angular : circular dependency of specific case

前段时间,我开始重构我的主项目代码,根据指南将业务逻辑从Controller解耦到服务。一切顺利,直到我遇到循环依赖(CD)的问题。我阅读了一些关于这个问题的资源:Question1onStackOverflowQuestion2onStackOverflowMiškoHeveryblog不幸的是,我现在还不清楚,我该如何解决我的项目的CD问题。因此,我准备了一个小演示,它代表了我项目的核心功能:LinktoPlunkerLinktoGitHub组件的简短描述:gridCtrl不包含任何业务逻辑,仅触发数据加载,当数据准备好时,显示网格。gridMainService这是主要服务,包含

javascript - Jquery resize() 导致屏幕闪烁和 div 偏移

背景:我正在尝试创建一个系统,允许使用鼠标向上滚动和鼠标向下滚动来滚动浏览一种map,如下所示:-------|||1|||-----------------------------------|||||||||2||3||4||5|||||||||-----------------------------------|||6|||-------上面的每个框都在javascript中重置为浏览器的高度和宽度。当您上下滚动鼠标时,浏览器将滚动到map中的相同位置,从div1开始,然后是2,依此类推。此定位是通过我的滚动功能设置的,它会监听鼠标滚动并在顶部添加适当的填充并在左侧添加适当的边