Firefoxアドオンでfetch APIを使うと "TypeError: NetworkError when attempting to fetch resource." になる

Posted at 2020-12-05

概要

拡張機能のcontentscript上でfetchを使うと、chromeでは動作するのにfirefoxでは動作しない

原因

Firefoxのpermissionにて許可する必要がある。
manifest.jsonに拡張機能を動作させて良いURIパターンを追記する。
テストであれば以下の記述にすると、全ページで利用できるようになる。

  "permissions": [
    "*://*/*"
  ]

manifest.jsonに書く場合

manifest.json

{
  "name": "",
  "short_name": "",
  "description": "",
  "version": "0.0.0",
  "manifest_version": 2,
  "default_locale": "en",
   "icons": {
  },
  "background": {
  },
  "browser_action": {
  },
  "content_scripts": [
  ],
  "permissions": [
    "*://*/*"
  ]
}

試したこと

pollyfillを入れる
- pollyfillでも同様のエラーが発生

参考

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up