拡張機能追加時エラー”Invalid value for ‘content_scripts[0].matches[0]’: Missing scheme separator.”(Edge,Chrome)

やりたいこと

Chrome,Edgeに自作の拡張機能を追加時に以下のエラーが表示され追加できないときの対処。

Invalid value for ‘content_scripts[0].matches[0]’: Missing scheme separator.

マニフェストを読み込めませんでした。

詳細

以下のマニフェストファイルを持つ拡張機能を持つ拡張機能を登録しようとした際に”Invalid value for ‘content_scripts[0].matches[0]’: Missing scheme separator.”のエラーが出ました。

{
  "name": "Sample",
  "version": "1",
  "manifest_version": 3,
  "content_scripts": [
    {
      "matches": [ "blog.marunokan.com/*" ],
      "js": ["sample.js"]
    }
  ]

}

原因

原因はメッセージにある通り以下の行です。

      "matches": [ "blog.marunokan.com/*" ],

指定のURLにhttps://もしくはhttp://が付いていないことが原因です。

対策

原因にある通り以下の行を

      "matches": [ "blog.marunokan.com/*" ],

下のように修正します。

      "matches": [ "https://blog.marunokan.com/*" ],

結果

無事にブラウザに登録することができました。

下はChromeに登録すると画面左下に以下のメッセージが表示されます。