Using chrome extension apis in typescript

Question

I\'m building a chrome extension written in TypeScript. I\'m using WebStorm and I added the chrome-DefiniteltyTyped library in my project.

However, when I w

Answer 1

Types Across Chrome and Firefox

Since the extension API is basically the same across Chrome and Firefox now, you can use @types/chrome for both situations.

1. install

yarn add @types/chrome --dev

2. update tsconfig

{
  "compilerOptions": {
    ....
    "types": ["chrome"]
  }
}

3. Get browser api function

export function getBrowserInstance(): typeof chrome {
  // Get extension api Chrome or Firefox
  const browserInstance = window.chrome || (window as any)['browser'];
  return browserInstance;
}