javascript Chrome扩展程序将自定义javascript文件加载到标签的DOM中。

Posted 2021-05-03

{
  "name": "Example Extension",
  "version": "1.0",
  "manifest_version": 2,
  "content_scripts": [{
      "matches": [
        "http://*/*",
        "https://*/*"
      ],
      "js": ["contentscript.js"]
  }],
  "web_accessible_resources": [
    "main.03afcf76.js", 
    "main.4bb4b46c.css"
  ]
}

// styles file
const link = document.createElement('link');
link.src = chrome.extension.getURL('main.4bb4b46c.css');
link.rel = 'stylesheet';
document.head.appendChild(link);

// root element
const div = document.createElement('div');
div.id = 'example-root';
document.body.appendChild(div);

// create react app
const scpt = document.createElement('script');
scpt.src = chrome.extension.getURL('main.03afcf76.js');
document.body.appendChild(scpt);