chrome插件开发

yzqdev小于 1 分钟

注意,如果使用webpack开发vue需要配置

如果出现Refused to load the script because it violates the following Content Security Policy directive: "script-src 'self'

需要在mainfest.json配置

 "permissions": [
    "tabs",
    "storage",
    "activeTab",
    "*://*/*",
    "<all_urls>",
    "webRequest",
    "webRequestBlocking",
    "webNavigation"
  ],
  "web_accessible_resources": [
    "dist/contentScripts/style.css"
  ],
  "content_security_policy": "script-src 'self' http://localhost:3303  http://localhost:8098 'unsafe-eval'; object-src 'self'"

分为 options,popup,contentscript,background模块

一些模板

https://github.com/Jonghakseo/chrome-extension-boilerplate-react-vite https://github.com/abhijithvijayan/web-extension-starter

https://github.com/antfu-collective/vitesse-webext

chrome插件开发

chrome插件开发

api文档

详情