首页 > 解决方案 > 如何使用 Chrome 扩展将 div 添加到网站

问题描述

我使用 chrome 扩展向网站添加了一个 div,但该 div 仅在我启用扩展的浏览器上本地添加。

如果我从其他浏览器或其他桌面/设备访问该网站,则没有添加任何内容。

如何使用 chrome 扩展添加 div 并使 div 可供所有网站访问者使用。

这是我的代码,

{
   "manifest_version": 2,
   "name": "my_ext",
   "version": "1.0.1",
   "content_script": [
       {
          "matches":["http://mywebsite.com"],
          "js": ["content.js"]
       }
   ]
}

content.js 文件:

let bod = document.getElementByTagName('body')[0]
bod.insertAdjacentHTML('beforeend', '<div>Covid-19 Updates: ...</div>')

标签: google-chrome-extensioncode-injection

解决方案


推荐阅读