草庐IT

扩展组件

全部标签

javascript - chrome 扩展在定义的变量上抛出 "not defined"

我正在尝试使用chrome扩展程序访问本地变量。在页面脚本中尝试console.info(myVar)时,我得到myVarisnotdefined但是,当使用chrome开发人员工具并在调试控制台中执行相同的代码片段时,我得到了myVar的全部内容。尝试访问window.myVar时的行为相同,当通过chrome扩展程序打印时,这只是undefined。通过开发工具和页面脚本使用以下代码片段将脚本标记注入(inject)正文,会导致完全相同的行为。$("body").append($("",{html:"console.info(myVar);"}));在开发工具中执行时会打印变量,但

javascript - Chrome 扩展 : make chrome. tabs.query() 同步

我目前正在使用这段代码:url="unknown";chrome.tabs.query({'active':true,'lastFocusedWindow':true},function(tabs){console.log(tabs);//test,printsone-elementarrayasexpectedurl=tabs[0].url;});$("#url_div").html(url);获取当前URL,但chrome.tabs.query()是异步,我怎样才能使其同步?(即在某处添加asynch:false)我知道我可以在查询内设置URL,或者从那里调用另一个函数,但最好是(

javascript - 在 chrome 扩展程序中显示警报对话框

我想在用户点击我的扩展程序图标时显示一个简单的警告。我试过这段代码:chrome.browserAction.onClicked.addListener(alert(1));这是我的list:{"manifest_version":2,"name":"sample","description":"des","version":"1.0","browser_action":{"default_icon":"icon.png"},"permissions":[]}如何显示警报onClick事件? 最佳答案 更新:根据documentat

javascript - Chrome 扩展程序与其余 Web 服务通信

我是chrome扩展的新手,我正在开发一个将与我的其余Web服务通信的扩展。我的其余Web服务将返回一个json字符串。我想做的是调用我的网络服务,获取响应json。目前我的background.js中有这个:chrome.browserAction.onClicked.addListener(function(tab){chrome.tabs.getSelected(null,function(tab){varlink=tab.url;alert(link);});});我的计划是当用户点击图标扩展时,当前选项卡url将被发送到我的网络服务,它会得到响应json。我的问题是,在C#中

javascript - DataTables - 翻译与选择扩展相关的文本

我正在使用带有Select扩展的jQueryDataTablesv1.10.9。选中一行或多行时,底部会出现文字,例如,“选择了2行”,请参见下面的屏幕截图:语言文件:{"sEmptyTable":"Nodataavailableintable","sInfo":"Showing_START_to_END_of_TOTAL_entries","sInfoEmpty":"Showing0to0of0entries","sInfoFiltered":"(filteredfrom_MAX_totalentries)","sInfoPostFix":"","sInfoThousands":",

javascript - 使用 Browserify 设置 Karma 以测试 React (ES6) 组件

我在使用Karma+Browserify为某些React组件设置测试配置时遇到了问题。提到代码是用ES6编写的,我已经升级到最新的Babel版本(6+),我认为这是此配置中万恶之源。由于Babel现在已拆分并具有这种基于插件的方法(预设),我不确定我应该如何在karma.conf文件中指定它。我当前的配置如下所示:module.exports=function(config){config.set({basePath:'',browsers:['PhantomJS'],frameworks:['browserify','jasmine'],files:['app/js/**/*','a

javascript - 创建由多个组件组成的表

因此,当我开始深入研究angular2时,我想我创建了一个列出人员的表。一个组件用于创建表格(person-list),另一个组件用于表格中的每个人(person-list-item)。很简单,对吧?通过以下输出,我意识到这并不容易。如您所见,表格行不遵循表格结构。通过在检查器中查看html,我们还可以看到毁了table。有没有办法解决这个问题,或者我应该只在中创建表格行?元素为了不让浏览器毁了表格?我想这是一个适用于多个组件会破坏某个DOM元素的其他情况的问题。app.componentimport{PersonListComponent}from'./person-list.com

javascript - 如何在 React 组件中将字符串渲染为子项?

拿一个简单的组件:functionMyComponent({children}){returnchildren;}这个有效:ReactDOM.render(Hello,document.getElementById('stage'));但这不是(我删除了):ReactDOM.render(Hello,document.getElementById('stage'));因为React试图调用render在字符串上:UncaughtTypeError:inst.renderisnotafunction另一方面,这工作正常:ReactDOM.render(Hello,document.get

javascript - 将有状态 React 组件转换为无状态功能组件 : How to implement "componentDidMount" kind of functionality?

我写了一个小的有状态React组件。加载此组件时,在componentDidMount方法中,我使用KendoUI在弹出窗口中显示组件的内容。这是我的代码:exportclassErrorDialogextendsReact.Component{constructor(props,context){super(props,context);this.errorPopupWindow=null;window.addEventListener('resize',this.resizeComponent);this.handleWindowKeyDown=this.handleWindowK

javascript - 如何将带有装饰器的 React 组件重写为纯函数?

我正在使用airbnbeslint设置,其中有arulethatenforcesstatelessreactcomponentstoberewrittenasapurefunction.下面的组件触发这个规则,这意味着下面的组件最好写成纯函数:importReactfrom'react';import{observer}from'mobx-react';importcssmodulesfrom'react-css-modules';importstylesfrom'./index.css';importSelectfrom'../Select/';importListfrom'../L