【问题标题】:Alternative to Jquery UI dialog or other way to use it替代 Jquery UI 对话框或其他使用它的方式
【发布时间】:2013-06-30 12:44:25
【问题描述】:

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

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

我尝试使用 background.html 页面,在其中注入 div 标签和 body,然后在其上调用对话框 ui,但看起来不可能。

谁能提出另一个想法?也许像对话框 Ui 之类的其他东西存在并且不需要在网页中注入对话框的主体以便使用按钮弹出一个弹出 u^p ?或者也许还有另一种使用对话 ui 的方法?

谢谢。

【问题讨论】:

    标签: javascript google-chrome-extension jquery-ui-dialog


    【解决方案1】:

    我想我已经找到了解决方法。不是在gmail页面的div上调用dialog ui,而是发现我们可以直接调用dialog ui:$(<div></div>).dialog({...});,所以没必要在网页中注入。

    【讨论】:

    • 无论如何,这可能会将其注入 DOM。
    • 真的吗?我查看了 devtools 以查看元素,但它没有显示出来。知道如何更好地检查吗?
    • 有趣:也许我对内容脚本的看法不正确。通常,如果没有以某种方式在 DOM 中,您就无法在页面上显示内容。但你不应该相信我——只需在对话框的任何部分使用“检查元素”,并检查其父元素——我很好奇它是否以其他方式工作。
    • 当您单击触发对话框的选项时,动态构建 div 标签,然后在其上调用对话框方法。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2011-10-13
    • 1970-01-01
    • 2011-02-07
    • 2011-12-26
    • 1970-01-01
    • 2011-07-24
    • 2010-09-10
    相关资源
    最近更新 更多