Reactjs 如何显示扩展的模式弹出窗口，类似于Honey的做法？

我正在写一个chrome扩展（在React中），提醒你在工作日站起来/坐下。经过一定时间后，扩展应该通知用户改变姿势。但是，我希望用户能够通过小睡或确认他们已经改变了姿势来响应通知

我注意到Honey能够在用户进入结账页面时显示弹出模式，如下所示：

---

他们是怎么做到的？我已经读到，您不能以编程方式弹出扩展的popup.html，因此这必须使用内容脚本以某种方式注入弹出窗口。有人知道这是如何做到的吗？

右键单击它并在devtools中检查：您将看到一个标准DOM元素，可以将其添加到内容脚本中。对于复杂的UI，请使用iframe。