electron添加react-devloper-tools

chrome/chromium浏览器中安装 react-developer-tools
浏览器中进入 chrome://extensions,找到React Developer Tools,进入详情页,记住其ID(类似fmkadmapgofadopljbjfkapdkoienihi的字符串),在$HOME下寻找包含前述ID串的路径。
在electron代码中,在app的on事件中添加加载对应路径

app.on('ready', () => {
      BrowserWindow.addDevToolsExtension(path.resolve(process.env.HOME, '.config/chromium/Default/Extensions/fmkadmapgofadopljbjfkapdkoienihi/4.10.1_0'));
});

好处是不必每次调试圴配代理下载开发工具。其余开发工具均可如法炮制。

posted @ 2021-01-09 11:21  戊戌乡人  阅读(580)  评论(0)    收藏  举报