草庐IT

扩展组件

全部标签

javascript - firefox扩展和页面javascript之间的通信

我正在开发一个基于web的javascript/html应用程序,带有一个姐妹firefox扩展。应用程序的page-javascript在页面加载后立即执行一些XHR调用,以引入并显示页面所需的所有内容。有没有办法在不轮询DOM的情况下让我的扩展程序知道页面的初始化过程已完成? 最佳答案 确实是个有趣的问题..我刚刚通过thispost了解到在MozillaZine的论坛上有一个简单的方法来完成这个。该技术基本上包括在网页中定义自定义DOM元素,用一些任意属性填充它,然后将其用作自定义事件的目标。然后可以捕获该事件并将其用于将值从

javascript - Chrome 扩展 - 修改右键单击浏览器操作菜单

我想知道我是否可以修改浏览器操作菜单的右键菜单?我想添加一个名为“注销”的选项。 最佳答案 对于上下文,Chrome说:Valuemustbeoneof:[all,page,frame,selection,link,editable,image,video,audio,launcher,browser_action,page_action]所以用chrome.contextMenus.create({"title":"Logout","contexts":["browser_action"],"onclick":logout});其

javascript - 故意使 Chrome 扩展的 Chrome 标签崩溃

您好,我正在创建一个Chrome扩展程序来故意使Chrome标签页崩溃。我的方法没有按照我想要的方式工作。我正在尝试:chrome.tabs.update({url:"about:crash"});chrome.tabs.update({url:"chrome://crash"});window.location='about:crash';window.location='chrome://crash';这些都不起作用。但是,如果我将URL替换为“about:blank”或“http://google.com”之类的内容,它就可以正常工作!Chrome是否有某种安全措施,如果有...

javascript - 如何引用 Firefox 扩展的数据目录中的文件?

我正在开发Firefox扩展程序,我需要从内容脚本中将JavaScript注入(inject)到页面中。在我的Chrome扩展中,我做了以下事情:this.initializeJplayerSupport=function(){varscript=document.createElement('script');script.setAttribute('type','application/javascript');script.setAttribute('src',chrome.extension.getURL('js/custom-jplayer.js'));document.he

javascript - 使用 VueJS 动态加载组件和模板

我正在考虑将VueJS用于多页面网站。官方例子中routing,它们显示您可以根据URL动态更改模板和组件,但它们仍然将所有HTML模板和JS组件放在一个文件中,并一次加载。我的网站会很大,我想只在需要时加载所有内容。所以我的问题是:当URL更改时,我如何按需异步加载这些HTML模板和JS组件?仅展示上面的路由示例是如何进行的会很有帮助可以针对动态脚本加载进行修改。 最佳答案 更新:参见AsyncComponents官方文档中的部分。 关于javascript-使用VueJS动态加载组件

javascript - 扩展原生 d3 组件(如 d3.svg.axis())的惯用方法是什么?

对于d3中的时间序列可视化,我想在轴上突出显示年份。我通过制作我自己的xAxis渲染器实现了这一点,它调用nativeaxis函数,然后实现我自己的自定义逻辑来格式化它渲染的刻度。我就是这样做的(seeworkingexampleonjsbin):xAxis=d3.svg.axis().scale(xScale)customXAxis=function(){xAxis(this);d3.selectAll('.tick',this).classed("year",isYear);};...xAxis.ticks(10);xAxisElement=canvas.append("g").c

javascript - 使用 React Router 和 Redux Simple Router 的 onEnter Transitions 不要渲染新路由的组件

我有一个使用react@0.14、redux@3.05、react-router@1.0.3和redux-simple-router@2.0.2的应用程序。我正在尝试根据商店状态为我的一些路线配置onEnter转换。转换Hook成功触发并将新状态推送到我的商店,这会更改url。但是,在页面上呈现的实际组件是来自路由匹配的原始组件处理程序,而不是新url的新组件处理程序。这是我的routes.js文件的样子exportdefaultfunctionconfigRoutes(store){constauthTransition=functionauthTransition(location

javascript Chrome 扩展无法读取 httponly cookie

我需要删除在我的chrome浏览器中设置的gmailcookies,使用chrome扩展程序,但它可以删除除Gmailcookies之外的所有cookies,然后我注意到Gmailcookies是httponly,有没有办法使用javascriptchrome扩展程序删除它们..谢谢:) 最佳答案 Chrome扩展可以使用chrome.cookiesAPI,它可以访问cookie存储中的所有cookie,包括httpOnly。API的文档是here.请注意,此API需要声明权限并且不能在内容脚本中使用。

javascript - 如何使用 ng2-dragula 拖放到多个 Angular2 组件

我有一个Angular2组件使用ng2-dragula像这样拖/放:@Component({selector:'my-comp',directives:[Dragula],viewProviders:[DragulaService],template:`...`})我的问题:如果我创建多个“my-comp”组件,“card-bag”中的项目不能拖/放这些组件,尽管它们具有相同的包名称。这些项目只能拖/放到它拥有的组件内。我们是否有任何跨组件拖放的配置,或者这是ng2-dragula的限制?谢谢。 最佳答案 如果您没有使用[dragu

javascript - ReactJS:即使在重新渲染组件后复​​选框状态仍然存在

我创建了一个JSfiddle在这个fiddle中,最初根据传递给组件的props呈现一个复选框列表。单击Re-render按钮时,同一组件将使用一组不同的props进行渲染。现在,请按照以下步骤-加载jsfiddle选中任何一个复选框(假设我选中了第二个和第三个复选框)点击重新渲染按钮即使在使用新的props渲染组件后,您选中的复选框的状态仍保持不变(第2个和第3个仍处于选中状态)为什么会这样?我如何使用新的Prop集重新渲染组件,以便复选框的状态不会持续存在。 最佳答案 因为React的diffalgorithm很聪明。重新渲染新