在任何带有chrome扩展程序的网站上单击我的按钮时，激活警报

Question

我在google.com上插入了带有chrome扩展名的按钮。如果单击按钮，则应激活警报。 这是行不通的。我认为background.js中的代码不正确，但我不认识这个问题。有人可以帮忙吗？ 那是我的代码。

manifest.json

{
"name": "Button alert",
"manifest_version": 2,
"version":"2.0.0.0",
"content_scripts": [
  {
    "matches": ["*://*/*"],
    "js": ["script.js"],
    "run_at": "document_end"        
  }
  ],
"background": {
"scripts": ["background.js"],
"persistent": false
  },
"browser_action": {
    "default_icon": "icon.png",
    "default_title": "button"
},
"permissions": [
  "activeTab"
]
}

script.js插入按钮

var btn = document.createElement("BUTTON");
  btn.innerHTML = "CLICK ME";
  btn.setAttribute('id','btf');
  document.querySelector("#tsf > div:nth-child(2) > div > div.FPdoLc.VlcLAe > center").appendChild(btn);

background.js

document.getElementById('btf').onclick = () => {
  alert("Hello! I am an alert box!");
};