我应该如何在带有 chrome 扩展程序的网站中显示按钮？

【问题标题】：How should I show a button in a website with a chrome extension?我应该如何在带有 chrome 扩展程序的网站中显示按钮？
【发布时间】：2023-01-06 23:39:08
【问题描述】：

有没有办法在网站的特定位置插入按钮。我希望用户（具有 chrome 扩展名）在加载网站时看到该按钮。

我试图用 js 创建一个在 window.load 上触发的函数。但有时它会抛出错误，因为找不到（但存在）id（在 getElementById 中）。

【问题讨论】：

【解决方案1】：

您需要确保在注入按钮之前等待页面加载。您可以通过将注入按钮代码包装在 DOMContentLoaded (https://developer.mozilla.org/en-US/docs/Web/API/Window/DOMContentLoaded_event) 的侦听器周围来实现此目的：

window.addEventListener('DOMContentLoaded', () => {
  // you code that finds the element with an id and injects the button
})

【讨论】：