久しぶりにchrome拡張開発したらmanifestがv3になってた - 学習バンザイITエンジニアの精神安穏日記

概要

1年半ぶりくらいに作るので、メモしておく

趣味プログラミング自体がめちゃくちゃ久しぶりだな...

manifest: scripts→service_worker

  "background": {
-     "scripts": ["background.js"],
-     "persistant": false
+    "service_worker": "background.js",
  },

manifest: page_action→action

- "page_action": {
+  "action": {

chrome.action

+ chrome.action.onClicked.addListener(action)
- chrome.pageAction.onClicked.addListener(action)

- chrome.extension.getURL('')
+ chrome.runtime.getURL('')

https://developer.chrome.com/docs/extensions/reference/runtime/#method-getURL

https://developer.chrome.com/docs/extensions/reference/extension/

error: Refused to load the stylesheet

Refused to load the stylesheet 'https://gist.github.com/rails/slides.css' because it violates the following Content Security Policy directive: "style-src 'unsafe-inline' github.githubassets.com". Note that 'style-src-elem' was not explicitly set, so 'style-src' is used as a fallback.

https://stackoverflow.com/questions/31211359/refused-to-load-the-script-because-it-violates-the-following-content-security-po

error

https://developer.chrome.com/docs/extensions/mv3/manifest/web_accessible_resources/#manifest-declaration

先頭に'/'ないとだめなようです。

融通きかんのう。

  "web_accessible_resources": [
    {
-      "resources": ["css/*"],
+      "resources": ["/css/*.css"],
      "matches": ["<all_urls>"]
    },

ログ

Denying load of <URL>. Resources must be listed in the web_accessible_resources manifest key in order to be loaded by pages outside the extension.


Denying load of chrome-extension://aeijkdlcmbggbfhpkhhdefhcgmlhmpcd/js/init.js. Resources must be listed in the web_accessible_resources manifest key in order to be loaded by pages outside the extension.