奇怪的 firefox-safari-chrome-ie8+ Jquery 的扩展问题

Question

我为 firefox 和 google chrome、safari 和 ie8+ 开发了扩展程序。它将一个按钮插入谷歌邮件界面。该按钮应该将一些自定义文本插入电子邮件页脚。如果我访问标准谷歌邮件地址（您可以观看它此处 和此处 ）。

相反，如果我通过谷歌应用程序访问gmail，它几乎全部都会消失。唯一运行良好的插件帽子是谷歌浏览器。在所有其他情况下，按钮已正确添加，但是当我单击它时，不会在电子邮件页脚中添加任何内容并产生以下错误。

在 firefox 中，我得到以下 jquery 错误控制台：

 Error: Permission denied to access property 'ownerDocument' Source File: chrome://sendsecurefree/content/jquery.js Line: 16

在 firebug 中：

 uncaught exception: [Exception... "Security Manager vetoed action"  nsresult: "0x80570027 (NS_ERROR_XPC_SECURITY_MANAGER_VETO)"  location: "JS frame :: chrome://sendsecurefree/content/jquery.js :: anonymous :: line 16"  data: no] Line 0

另外，在 Safari 中：

 ReferenceError: Can't find variable: toggleEncryptFooter

在 Internet Explorer 中，仅撰写邮件有效，转发和回复无效。

这是我注入 gmail 网页的 jquery 代码：

function toggleEncryptFooter() {

var canvasBody = getGmailCanvasBody();

// get the button element
var documentul = getGmailCanvasDoc();
divul = jQuery(".dX.J-Jw", documentul);      
var encryptButton = divul.find("#encrypt");

//first, check if we already have an encrypt footer
var encryptFooter = jQuery("#encrypt_footer", canvasBody);
if(encryptFooter.length != 0) {
    //we have the footer inserted, delete it
    encryptFooter.remove();

    // style the button to no footer
    encryptButton.html('Enable Encryption');
    encryptButton.removeClass('downer');
    encryptButton.addClass('upper');
} else {
    //add the footer
    var doc = document;
    var head   = jQuery('head', doc);
    var textul = head.find("div#textul",head);

    // text was inserted in injectScript / gmailadder.js into head of canvas_frame
    getGmailCanvasBody().append('<div id="encrypt_footer">' + textul.html() + '</div>');     

    // style the button to footer added
    encryptButton.html('Disable Encryption');
    encryptButton.removeClass('upper');                      
    encryptButton.addClass('downer');
}
}

// gets the head element of the document
function getGmailHead(){
    var doc = document;
    var body = jQuery('head', doc);  
return body;
}

 // gets the body element of the document   
 function getGmailCanvasBody() {
var doc = document;

gmailInst = jQuery("iframe", doc);
    if(gmailInst.length==0) {
        //exit now, we are not on compose
        return null;
}
return gmailInst.contents().find('body');
 }

 // get the document object    
 function getGmailCanvasDoc() {
var doc = document;
var body = jQuery('body', doc);
var canvas_frame = jQuery('iframe#canvas_frame', body);
     if(canvas_frame.length==0) {
         //exit now, we are not on gmail
         return null;
          }

var canvas_doc = canvas_frame[0].contentDocument;

return canvas_doc;
}

Answer 1

我解决了问题。不知何故！

看来，从 Google Apps 的“实验室”选项卡中禁用 Google 日历小工具似乎可以完成这项工作。现在一切正常。希望这会帮助别人。

Answer 2

我必须替换

gmailInst = jQuery("iframe", doc);
if(gmailInst.length==0) {
    //exit now, we are not on compose
    return null;
}

为

gmailInst = jQuery("iframe.Am.Al", doc);
if(gmailInst.length==0) {
    //exit now, we are not on compose
    return null;
}

似乎在正常的 Google 邮件界面中，我正在使用的 iframe 内只有一个子 iframe，因此 gmailInst = jQuery("iframe", doc) 执行其只要这种情况持续，就可以工作。

如果我激活一些使用 iframe 实现的实验室小工具，则 gmailInst = jQuery("iframe", doc) 会传递列表中的第一个子 iframe，该子 iframe 可能不是我正在查找的子 iframe为此，我必须使用额外的过滤：在本例中，是我正在搜索的子 iframe 的类名称。

假设是伪装的魔鬼。