开发工具扩展程序

    本文简要描述了手动加载一个扩展程序的过程 你也可以尝试一下，这个第三方工具可以直接从Chrome的WebStore下载扩展程序

    为了在Electron中加载一个扩展程序，你需要在Chrome浏览器中下载它，找到它在系统目录中位置，然后调用API 加载它

    下面以React Developer Tools为例：

    2. 打开chrome://extensions，找到扩展程序的ID，形如fmkadmapgofadopljbjfkapdkoienihi的hash字符串。

    3. 找到Chrome 扩展程序 的存放目录：

      • 在 Linux下为：
        • ~/.config/google-chrome/Default/Extensions/
        • ~/.config/google-chrome-canary/Default/Extensions/
        • ~/.config/chromium/Default/Extensions/
      • 在 macOS下为~/Library/Application Support/Google/Chrome/Default/Extensions。

    4. 将扩展的位置传递到 BrowserWindow.addDevToolsExtension API，用于React开发者工具，这样做很好：

    这个扩展将被记住，所以你只需要在 扩展中调用此 API 一次。 如果您试图添加一个已加载的扩展， 这个方法 不会返回，而是将警告记录到控制台。

    您可以传递扩展程序的名称到 BrowserWindow.removeDevToolsExtension API 移除它。 扩展名名由 BrowserWindow返回. ddDevToolsExtension 您可以通过 BrowserWindow.getDevToolsExtenes API获取所有已安装的 DevTools 扩展的名称。

    支持的 DevTools 扩展程序

    Electron 只支持有限的chrome.* API，所以，一些扩展程序如果使用了不支持的 API，它可能会无法正常工作。 以下 DevTools 扩展程序已经通过测试，可以在Electron中正常工作：

    然后在Electron的问题列表中提交一个 bug, 并描述扩展程序的哪个部分没有按预期的方式工作。