草庐IT

OC分类(category)和扩展(extension)

全部标签

javascript - Chrome 扩展程序 - 访问 iframe 元素

我正在使用contentscript将iframe附加到页面,并将src设置为chrome.extension.getURL(myPage)。稍后在某些事件中,我想从框架中检索一些元素。我在contentscript中尝试了以下代码:vartextFrame=document.getElementById('iframeId');vartext=(textFrame.contentDocument||textFrame.contentWindow.document).getElementById('someDivId');但它抛出以下错误:UnsafeJavaScriptattempt

javascript - 正则表达式只捕获文件名(没有 url 路径,没有扩展名)

在JavaScript中,我可以使用此正则表达式([^\/]+)(\.[^\.\/]+)$来仅捕获URL中的文件名。它适用于以下情况:http://a.com/b/file.name.exthttp://a.com/b/file.name.ext#hashhttp://a.com/b/file.name.ext?query但是,如果没有扩展名,它将无法匹配:不匹配http://a.com/b/filenamehttp://a.com/b/filename#hashhttp://a.com/b/filename?query这是正常的。第二个捕获组期望末尾有一个.extblock。如果我将

javascript - 如何扩展所选文本以包含整个单词

假设我有一个句子:“这是一个测试句子。”我希望用户能够选择文本的小节,但没有标点符号或不完整的单词。所以“试句”。应该变成“测试句”而“estsentenc”也应该变成“testsentence”这是我当前的代码:vargetSelectedText=function(){vartext="";if(window.getSelection){text=window.getSelection().toString().trim();}elseif(document.selection&&document.selection.type!="Control"){text=document.s

javascript - 使用 OAuth 2.0 和客户端 ID 从 Google chrome 扩展获取辅助 ID 的授权 token

我对开发chrome扩展相当陌生,更具体地说,对于chrome扩展中的用户身份验证部分。我正在关注UserIdentityGoogleDeveloper文档中的示例。该示例运行良好。我能够为chrome应用程序生成客户端ID,在我的例子中为GmailAPI添加API的范围。最后通过在manifest.json中添加identitypermission来获取AuthToken,如下所示"oauth2":{"client_id":"MYCLIENTID","scopes":["https://www.googleapis.com/auth/gmail.readonly","https://

javascript - Javascript 代码示例的响应式扩展

Microsoft已发布ReactiveExtensionsforJavascript.它应该使异步(和基于事件的)web-ui编程变得容易。目前有avideo和some教程。但是我真的可以制作多酷的UI?您知道使用rx.js的任何好的演示或代码示例吗? 最佳答案 我觉得这个游戏演示很酷http://juhajasatu.com/worzone/.来源可在GitHub上找到并且作者在他的blog上有几篇关于JavaScriptRX的文章。. 关于javascript-Javascript

javascript - 如何使水平元素扩展以覆盖可用空间?

我正在尝试创建一个CSS流畅选项卡菜单,其中包含可变数量的选项卡(类似于在Windows中可以看到的,其中选项卡根据包含的标题的长度展开,见下文).这是一个例子,我有设置(我需要保持元素结构):verylongtextisthisTwoThreeFourFive和CSS:.test{width:100%;display:table;}.test.element{border:1pxsolidred;float:left;min-width:19%;}.test.element.prelast{border:1pxsolidgreen;}.test.element.last{float:

javascript - 再次单击浏览器操作图标以关闭 Chrome 扩展程序弹出窗口

我正在开发一个Chrome扩展程序,我想知道是否可以通过再次单击允许您打开弹出窗口的图标来关闭弹出窗口:我尝试了任何方法,但看起来您必须单击其他地方才能关闭它.文档指出onClicked事件是:单击浏览器操作图标时触发。如果浏览器操作有弹出窗口,则不会触发此事件(http://developer.chrome.com/extensions/browserAction.html#popups)。提前致谢。[更新]我尝试了以下方法,它成功了一半(!):1.在popup.html中链接popup.js;2.popup.js读取background.js中包含的一个变量的值;varcurren

javascript - 修改 jQuery 扩展以在对象内推送数组项但扩展其他对象

我认为这一定是一个常见问题,但似乎找不到解决方案。使用JSON配置文件扩展包含对象和数组的jQuery对象。对于对象和简单的属性,我想覆盖(因为extend做得很好)。对于数组,可能存在也可能不存在。目前数组只是覆盖第一个元素varsourceObj={propterty:"changeMe",anArray:[{name:"first"},{name:"second"}]},configJSON='{"propterty":"NewVal","anArray":[{"name":"third"}]}',configObj=JSON.parse(configJSON);$.extend

javascript - d3.scale.category20 对我来说太聪明了

任何人都可以向我解释为什么这两个表达式返回不同的值...log1.text(c20(1));//"#aec7e8"log2.text(d3.scale.category20()(1));//"#1f77b4"...在以下上下文中工作示例...varc20=d3.scale.category20(),col=d3.range(20).map(function(c){returnc20(c).replace("#","0x")}),log1=d3.select("#log1"),log2=d3.select("#log2");log1.text(c20(1));//"#aec7e8"log

javascript - 在 Typescript 中扩展基类属性

我正在尝试为ReactReduxForm的Control组件创建一个包装类以添加额外的功能。这是基类/组件定义:exportclassControlextendsReact.Component,{}>{staticcustom:React.ComponentClass>;staticinput:React.ComponentClass>;statictext:React.ComponentClass>;statictextarea:React.ComponentClass>;staticradio:React.ComponentClass>;staticcheckbox:React.C