草庐IT

react-chrome-redux

全部标签

javascript - 创建一个 chrome 扩展,它在页面上突出显示文本并将其插入 popup.html 中的文本区域

我花了几个小时在网上搜索解决方案。我想做的是将页面上突出显示的文本传输到chrome扩展的popup.html中的文本区域。我想知道是否有人可以向我提供可以执行此操作的扩展的建议源代码。这是我看过的最相关的线程,我认为它最有帮助-查询是相似的。Buttoninpopupthatgetselectedtext-Chromeextension我尝试复制代码并将其作为扩展运行,它没有获得突出显示的文本。想知道是否有人有任何建议以及如何解决这个问题。非常感谢。 最佳答案 就像您链接的问题的答案一样,您需要使用MessagePassing和C

javascript - 为什么这段代码会导致 Chrome 卡住?

我正在尝试调试我的应用程序中的一个问题,我已将其缩小为涉及导致Chrome阻塞的正则表达式的特定情况!在Firefox中尝试相同的代码工作正常。此外,如果我减少我的“示例”文本以在其上运行正则表达式,它也可以工作。那么是什么给了?这是jsfiddle:http://jsfiddle.net/XWKRb/1/(这将完全无法初始化,因为如果您得到与我相同的结果,Chrome会窒息)我放在jsfiddle中的代码是:varrgx=/^(\d+([,|;]?\d*))*$/;varsample='40162690,40162755,40162691,40168355,40168357,4016

javascript - 无法在客户端上使用来自 NPM 的 React,因为未定义 'development'。该包是从 Webpack 生成的

我正在创建一个ReactNode.js应用程序,我正在尝试生成一个Webpack包,其中包含我从NPM加载的React源代码。不过,客户端好像不能直接使用NPM的React代码。它会触发此错误:UncaughtReferenceError:developmentisnotdefined触发异常的代码来自React代码:有什么我可以做的吗?编辑这是我的webpack.config.js:import_from'lodash';importwebpackfrom'webpack';importyargsfrom'yargs';importExtractTextPluginfrom'extr

javascript - 在 JavaScript 函数中访问 Redux 存储

是否可以将redux状态映射到常规javascript函数而不是React组件?如果不是,是否有另一种方法可以将redux状态连接到函数?(显然没有明确地将其作为参数传递)我已经尝试连接到一个函数,但它中断了(我没有确切的错误消息。服务器只是遇到了一个未捕获的异常)。由于React组件可以是纯函数,connect()是否仅适用于classComponentNameextendsComponent(以及类似的)?我想做这样的事情的原因:我有一个reduxAction生成器,如果生成器发现Action的结果已经处于redux状态,我希望生成器跳过执行API调用,但我不想为每个容器显式检查状

javascript - 单击任意位置以关闭 react 中的下拉菜单

我在一个页面上有多个自定义构建下拉组件。我使用setState触发列表项打开toggleDropdown=(id)=>{this.setState(prevState=>({[`dropdown${name}`]:!prevState[`dropdown${id}`]//dropdownA,dropdownB,dropdownCandsoon}))}如果在菜单打开时单击下拉菜单,这也会切换它。但是后来我有几个下拉菜单,如果我打开一个下拉菜单,其他下拉菜单不会关闭,如何解决这个问题?我在componentWillMount中使用“hacky”方式混合与jquery的react,在body

javascript - 如何在 JSX 中循环遍历 React 中的数字

我需要能够遍历一个数字并返回一些jsx。例如{for(i=0;i{i}}}这不是我想要做的,但如果我能解决这个问题,那么我应该能够完成我需要做的事情。然而,这会返回for上预期的表达式。我做了一些研究,有人说你不能在jsx中使用for循环,因为它们不返回任何东西。如何循环遍历数字以返回一定数量的jsx? 最佳答案 您可以改用Array.from()。letApp=()=>{return{Array.from(Array(10),(e,i)=>{return{i}})}}ReactDOM.render(,document.getEle

javascript - 在 Chrome 扩展中写入本地文件系统

chrome.tabs.onUpdated.addListener(checkForValidUrl);functioncheckForValidUrl(tabId,changeInfo,tab){if(tab.url.indexOf('https')>-1){vartabURL=tab.url;console.log("\n"+getTimestamp()+"Chrome"+tabURL+"\n");window.requestFileSystem(window.PERSISTENT,5*1024*1024,initFs);functioninitFs(fs){fs.root.get

javascript - React Native - 如何测量 ScrollView 中内容的大小?

我想测量我的ScrollView中内容的大小。因此,我正在使用NativeMethodsMixin中的measure:importNativeMethodsMixinfrom'NativeMethodsMixin'我不太确定从这里去哪里,大多数与此问题相关的SO帖子似乎已经过时。我知道我需要为我的ScrollView创建一个ref(我这样做并称为_scrollView,我可以使用this.refs._scrollView).问题是,我不能像这样将this.refs._scrollView传入measure:NativeMethodsMixin.measure(this.refs._sc

javascript - chrome.browserAction.setIcon 没有做任何事情

我正在制作一个chrome扩展程序,该扩展程序有两种模式:始终打开(alwaysOn),或者仅当用户单击它时(onClick)。我想根据用户的模式将图标更改为蓝色或红色,以便他们一眼就能看到。但是,在添加chrome.browserAction.setIcon()行之后,图标在需要时仍然没有改变。它只是保留在默认Logo上。这是我的background.js://Getthebehavioroftheplugin;thedefaultissetto"onClick",theotheroptionis"alwaysOn"chrome.storage.sync.get({extension

javascript - window.opener.location.href 适用于 IE 但不适用于 Chrome 或 Safari

我一直在研究这个问题,虽然在各种论坛上有很多关于类似问题的帖子,但没有一个问题或解决方案与我的完全匹配。我有一个应用程序已经成功地使用下面的函数在完成弹出窗口后重定向回父窗口。最近一直在研究与其他浏览器的兼容性(让系统可以通过iPad使用),发现在使用Safari或Chrome时这个功能有问题。父页面是一些数据库信息的汇总,用户点击一个链接打开一个窗口(通过window.open)查看更详细的数据。完成后,子窗口上会出现一个链接,用于刷新父窗口中的数据(部分是为了确保在返回父窗口时显示正确的数据)并关闭子窗口。Safari中的控制台报告“'window.opener.location.