How to migrate manifest version 2 to v3 for chrome extension?

by

I was looking for the same thing. Thanks to the help of the user wOxxOm I’ve figured out what to change inside the manifest file. Here is an example of how to migrate manifest.json from v2 to v3.

First thing is to change the manifest_version key from 2 to 3

//Manifest v2
"manifest_version": 2

//Manifest v3
"manifest_version": 3

As written into the manifest migration guidelines, pageAction and browserAction API will be unified under the action API. This means that you need to change browser_action and page_action keys into action

//Manifest v2
"browser_action": {...}
"page_action": {...}

//Manifest v3
"action": {...}

Background pages and background scripts are deprecated into manifest v3. They are replaced from service workers. This means that the background section of the manifest file needs to be modified in this way

//Manifest v2
"background": {
 "scripts": ["js/background.js"]
}

//Manifest v3
"background": {
 "service_worker": "js/background.js"
}

To declare the packed resources that needs to be accessed from the web, the web_accessible_resources needs to be changed in this way

//Manifest v2
"web_accessible_resources": [
        "js/options.js",
        "js/main.js",
        "js/injected.js"
]

//Manifest v3
"web_accessible_resources": [{
 "resources": ["js/options.js","js/main.js","js/injected.js"],
 "matches": [],
 "extension_ids": []
}]

Content security policy in v3 is an object

//Manifest v2
"content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'" 

//Manifest v3
"content_security_policy": {
 "extension_pages": "script-src 'self' 'unsafe-eval'; object-src 'self'",
 "sandbox": "..."
}

To have more information about you can check this link or this one.

More Related Contents:

  1. How to open the correct devtools console to see output from an extension script?
  2. Chrome extension content script re-injection after upgrade or install
  3. Access global js variables from js injected by a chrome extension
  4. Custom protocol handler in chrome
  5. Port error while changing chrome extension from manifest v1 to v2
  6. Injecting iframe into page with restrictive Content Security Policy
  7. Firefox extension .xpi file structure: description, contents, creation, and installation
  8. Chrome extension to read HTTP response
  9. Service worker registration failed. Chrome extension
  10. about chrome.tabs.executeScript( id,details, callback)
  11. Registering a custom element from a chrome extension
  12. Google Chrome – Alphanumeric hashes to identify extensions
  13. Manifest v3 Resources must be listed in the web_accessible_resources
  14. How to inject javascript into Chrome DevTools itself
  15. How to modify an extension from the Chrome Web Store? [closed]
  16. How to trigger click on a button
  17. CORS Chrome Extension with manifest version 2
  18. Persistent background page on demand or an event page that doesn’t unload?
  19. On page load event in Chrome extensions
  20. How do I log out of a chrome.identity oauth provider
  21. Chrome tabs query returning empty tab array
  22. cannot create item with duplicate context menu id in extension
  23. How to avoid “Extension context invalidated” errors when messaging AFTER an Extension update?
  24. jQuery in Google Chrome Content Script?
  25. Can I hide my extension’s icon by default?
  26. Google Chrome Socket API in extensions
  27. chrome.commands keyboard shortcuts not working
  28. How to send message FROM native app TO Chrome extension?
  29. Chrome extension page action appearing outside of address bar
  30. How to debug chrome devtools panel extension?

Leave a Comment