打字稿中 Edge Web 扩展 API browser.runtime.* 的 browser.d.ts 依赖项

Question

对于使用 typescript 开发的 chrome 扩展，我们需要在 typings 文件夹中有一个名为 chrome.d.ts 的定义文件，用于访问 chrome.runtime.* 或 chrome.tabs.* 等 Web 扩展 API。

对于边缘扩展，在 typescript 中开发，我们需要一个名为 browser.d.ts 的定义文件在类型文件夹中，用于访问 web 扩展 API，如 browser.runtime.*

我们如何使用节点包管理器（npm）下载此依赖项。 我在我的 background.ts 扩展名文件中添加了对该文件的引用，例如：

/// 参考路径="typings/browser/browser.d.ts"

Answer 1

更新：

Firefox 的浏览器 API 及其浏览器 polyfill 库可以使用类型。

• Firefox 输入：npmjs.com/package/@types/firefox-webext-browser
• 浏览器 polyfill 的类型：npmjs.com/package/webextension-polyfill-ts

不幸的是，Edge 的浏览器 API 与 Firefox 的不同。 Edge 使用回调，而 Firefox 使用 Promises。这可能会也可能不会改变。

见：

• https://github.com/mozilla/webextension-polyfill/issues/3
• https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/9421085/

Answer 2

由于您只需要 browser.d.ts 进行类型转换，因此此解决方案将起作用

您可以添加：

declare var browser: any;

在您使用 browser.runtime 的文件顶部。