Javascript jQueryUI对话框或其他使用方法的替代方法

我正在构建一个Chrome扩展，为Gmail用户加密和解密电子邮件。我使用Jquery对话框用户界面要求用户输入密码，并以清晰的解密电子邮件显示。对话框用户界面必须显示在Gmail页面上。所以我在注入css，Gmail页面上的脚本等等。。一切都很好

然而，让我担心的是对话界面的工作方式。实际上，对话框的主体必须插入到div标记中，该标记被注入到web页面中，然后由对话框ui调用。这意味着在调用dialog ui之前，我必须在Gmail页面中插入密码和解密消息的输入标记。因此，Gmail最终可以检测到它并访问这些数据。如果可能的话，我想找到另一种方式来显示这些信息

我尝试使用background.html页面，在其中注入div标记和body，然后在其上调用dialog ui，但看起来不可能

有人能提出另一个主意吗？可能还有其他东西，比如对话框Ui，不需要在网页中插入对话框主体，就可以用按钮显示弹出式u^p？或者也许有另一种使用对话框ui的方法

---

谢谢。

我想我已经找到了处理这个问题的方法。我没有在gmail页面的div上调用对话ui，而是发现我们可以像这样直接调用对话ui：

$（）.dialog（{…}），因此不必将其注入网页。
这可能会将其注入DOM。真的吗？我查看了devtools以查看元素，但它没有显示出来。你知道如何更好地检查吗？有趣的是：也许我对内容脚本的理解是错误的。通常情况下，如果页面没有以某种方式显示在DOM中，就无法在页面上显示内容。但是你不应该相信我——只要在对话框的任何部分使用“Inspect element”，并检查它的父元素——我很好奇它是否以其他方式工作。当你单击触发对话框的选项时，动态构建div标记，然后在其上调用dialog方法。