CrossRider - 如何将脚本注入特定选项卡?我如何重新加载特定标签?

时间:2014-11-20 15:41:05

标签: javascript browser-extension crossrider

我们正在使用CrossRider为Internet Explorer开发扩展程序。我们还有Chrome,Firefox和Safari扩展程序,但我们没有将CrossRider用于这些扩展程序。我想知道如何将脚本注入CrossRider中的特定选项卡?在我们这样做之后,它是否会被注入到稍后将打开的标签中?如果是,我们如何删除脚本以便不会将其注入任何更多选项卡?

这是脚本,我们必须向CrossRider添加一个案例。仅在Safari中我们还会删除该脚本,因为在Chrome和Firefox中,它不会添加到稍后将打开的标签中。如果它在CrossRider中,那么我们也必须在CrossRider中删除它。

Controller.showNotification = function() {
    var possibleURLs = /(mail\.google\.com|mail\.yahoo\.com|mail\.live\.com|mail\.aol\.com|mail\.rambler\.ru)/gi;
    var possibleURLsArray = ["http://mail.google.com/*", "https://mail.google.com/*", "http://*.mail.yahoo.com/neo/*", "https://*.mail.yahoo.com/neo/*", "http://*.mail.yahoo.com/mc/*", "https://*.mail.yahoo.com/mc/*", "http://*.mail.yahoo.com/dc/*", "https://*.mail.yahoo.com/dc/*", "http://*.mail.live.com/*", "https://*.mail.live.com/*", "http://*.webmail.aol.com/*/Suite.aspx", "http://*.webmail.aol.com/*/suite.aspx", "http://*.mail.aol.com/*/suite.aspx", "http://*.mail.aol.com/*/Suite.aspx", "http://mail.aol.com/*/suite.aspx", "http://mail.aol.com/*/Suite.aspx", "https://*.webmail.aol.com/*/Suite.aspx", "https://*.webmail.aol.com/*/suite.aspx", "https://*.mail.aol.com/*/suite.aspx", "https://*.mail.aol.com/*/Suite.aspx", "https://mail.aol.com/*/suite.aspx", "https://mail.aol.com/*/Suite.aspx", "http://mail.rambler.ru/mail/compose.cgi*"];
    var possibleURLsScriptURL = Utils.getUrl("content/src/common/show_notification_script.js");
    var possibleURLsScriptRelativeURL = Utils.getRelativeUrl("content/src/common/show_notification_script.js");
    switch (Sys.platform) {
        case 'chrome':
            chrome.tabs.query({}, function(tabs) {
                for (var i in tabs) {
                    if (tabs[i].url.match(possibleURLs) !== null) {
                        chrome.tabs.executeScript(tabs[i].id, {
                            file: possibleURLsScriptRelativeURL
                        });
                    }
                }
            });
            break;

        case 'safari':
            safari.extension.addContentScriptFromURL(possibleURLsScriptURL, possibleURLsArray, [], true);
            break;

        case 'mozilla':
            for (var i in tabs) {
                if (tabs[i].url.match(possibleURLs) !== null) {
                    tabs[i].attach({
                        contentScriptFile: possibleURLsScriptURL
                    });
                }
            }
            break;

        case 'crossrider':
            appAPI.dom.onDocumentStart.addJS({
                resourcePath: possibleURLsScriptRelativeURL,
                whitelistUrls: possibleURLs
            });
            break;
    }
};

Controller.disableShowNotification = function() {
    var possibleURLsScriptURL = Utils.getUrl("content/src/common/show_notification_script.js");
    switch (Sys.platform) {
        case 'safari':
            safari.extension.removeContentScript(possibleURLsScriptURL);
            break;
    }
};

Utils.getUrl = function(filename, preferSecure) {
    return WS.getURL(filename, preferSecure);
};

Utils.getRelativeUrl = function(filename) {
    return WS.getRelativeUrl(filename);
};

/* Function to retrieve the relative URL/URI of a file in the platform's file system. */
WS.getURL = function(filename, preferSecure) {
    if (typeof filename !== "string") {
        filename = "";
    } else if (filename.substr(0, 1) === "/") { /* Remove forward slash if it's the first character, so it matches with the base URLs of the APIs below. */
        filename = filename.substr(1);
    }

    switch (Sys.platform) {
        case 'mozilla':
            if (typeof exports === 'undefined') { // Means we're in a content script.
                return  self.options.extensionURL + filename;
            }
            return require("sdk/self").data.url("../lib/"+filename);

        case 'chrome':
            return chrome.extension.getURL(filename);

        case 'safari':
            return safari.extension.baseURI + filename;

        case 'web':
        case 'conduit':
            if (preferSecure && 'remote_secure' in WS.config.URLs.APIs) {
                return WS.config.URLs.APIs.remote_secure + filename;
            }

            return WS.config.URLs.APIs.remote + filename;

        case 'crossrider':
            filename = filename.substr("content/".length);
            if (filename.indexOf('png') !== -1) {
                return appAPI.resources.getImage(filename);
            }

            return "resource://" + filename;

        default:
            return '../' + filename; /* Added temporarily as a fix for Node.js compatibility */
    }
};

/* Function to retrieve the relative URL/URI of a file in the platform's file system. */
/* Currently this function is only defined for chrome and crossrider. */
WS.getRelativeUrl = function(filename) {
    if (typeof filename !== "string") {
        filename = "";
    } else if (filename.substr(0, 1) === "/") { /* Remove forward slash if it's the first character, so it matches with the base URLs of the APIs below. */
        filename = filename.substr(1);
    }

    switch (Sys.platform) {
        case 'chrome':
            return "/" + filename;

        case 'crossrider':
            filename = filename.substr("content/".length);
            return filename;
    }
};

我们如何在CrossRider中重新加载特定标签?我们是否必须向选项卡发送消息,该选项卡将重新加载?或者是否可以从后台重新加载标签?

Controller.reloadAllEmailTabs = function() {
    var possibleURLs = /(mail\.google\.com|mail\.yahoo\.com|mail\.live\.com|mail\.aol\.com|mail\.rambler\.ru)/gi;
    switch (Sys.platform) {
        case 'chrome':
            chrome.tabs.query({}, function(tabs) {
                for (var i in tabs) {
                    if (tabs[i].url.match(possibleURLs) !== null) {
                        chrome.tabs.reload(tabs[i].id);
                    }
                }
            });
            break;

        case 'mozilla':
            for (var i in tabs) {
                if (tabs[i].url.match(possibleURLs) !== null) {
                    tabs[i].reload();
                }
            }
            break;

        case 'safari':
            var browserWindows = safari.application.browserWindows;
            for (var i = 0; i < browserWindows.length; i++) {
                var safari_tabs = browserWindows[i].tabs;
                for (var j = 0; j < safari_tabs.length; j++) {
                    if (safari_tabs[j].url.match(possibleURLs) !== null) {
                        safari_tabs[j].url = safari_tabs[j].url;
                    }
                }
            }
            break;

        case 'crossrider':
            appAPI.tabs.getAllTabs(function(tabs) {
                for (var i = 0; i < tabs.length; i++) {
                    if (tabs[i].tabUrl.match(possibleURLs) !== null) {
                        appAPI.tabs.reload(tabs[i].tabId);
                    }
                }
            });
            break;
    }
};

我们的分机ID是43889.我使用的是Internet Explorer 11,但此扩展程序适用于所有版本的Internet Explorer。

更新:我从Shlomo的回答中添加了CrossRider的案例,但他们没有工作(他们在CrossRider中没有做任何事情)。

2 个答案:

答案 0 :(得分:2)

如果我正确理解您的要求,可以归纳如下:

  1. 如何将脚本注入特定标签?
  2. 如何将脚本注入新标签?
  3. 如何删除脚本以注入更多标签?
  4. 如何从后台重新加载特定标签?
  5. 问题1&amp; 2可以使用appAPI.dom.onDocumentStart.addJS指定 whitelistUrls 属性作为 possibleURLs 来处理,而4可以使用{{3}的组合来实现}和appAPI.tabs.getAllTabs

    关于问题3,我不太清楚你为什么要添加然后删除脚本,就像你为Safari做的那样,但是如果只是为了阻止脚本在Safari上运行,您可以在代码注入周围使用appAPI.tabs.reloadTab指定条件(参见示例)。

    正如您将注意到的,所有这些都是在您需要的后台范围内实现的。如果我没有正确理解,请澄清每个问题,我会尽力帮助。

    [披露:我是Crossrider员工]

    <强> background.js

    appAPI.ready(function($) {
      // get's all open tabs
      appAPI.tabs.getAllTabs(function(tabs) {
        for (var i=0; i<tabs.length; i++) {
          // For tabs with matching URLs
          if (tabs[i].tabUrl.match(possibleURLs) !== null) {
            // Reload the tab
            appAPI.tabs.reloadTab(tabs[i].tabId);
          }
        };
      });
    
      // For browsers other than Safari
      if (appAPI.platform !== 'SF') {
        // Inject script on tabs with matching URLs
        appAPI.dom.onDocumentStart.addJS({
          js: "alert('hello world!');",
          whitelistUrls: possibleURLs
        });
      }
    })
    

答案 1 :(得分:0)

关于appAPI.dom.onDocumentStart.addJS,这确实会在加载时无法删除与whitelistUrls匹配的所有页面上注入脚本。如果您需要更好地控制何时注入脚本,可以将appAPI.tabs.executeScriptappAPI.tabs.onTabUpdated结合使用,并在注入脚本之前添加条件,如:

var DoNotLoad = false; // Your condition for not injecting script
appAPI.tabs.onTabUpdated(function(tabInfo) {
    if (tabInfo.tabUrl.match(possibleURLs) !== null && !DoNotLoad) {
        appAPI.tabs.executeScript({
            tabId: tabInfo.tabId,
            code: 'alert("Running script");'
        });
    }
});