Chrome扩展程序:允许使用其他扩展程序

时间:2018-04-14 17:58:48

标签: reactjs google-chrome-extension react-devtools

我正在使用React处理chrome扩展。我想在开发模式下使用React devtools,但它不会出现。我尝试在权限中添加chrome://extensions/,但这不是有效权限。 我错过了启用此功能的内容吗?此外,Redux devtools确实会在中间件中添加。

1 个答案:

答案 0 :(得分:1)

要在浏览器扩展中使用react-devtools,您应该使用react-devtools的standalone version。在你的控制台中运行。

$ npm install --g react-devtools

添加到manifest.json

"content_security_policy": "connect-src ws://localhost:8097"

现在运行react-devtools
不要忘记重新加载您的扩展程序。

P.S。
如果您不想全局安装react-devtools,可以运行npm install --save-dev react-devtools,然后添加到package.json

"scripts": {
   "react-devtools": "react-devtools"
}

并运行npm run react-devtools