1

我正在编写一个 Chrome 扩展程序，我想在我的 background.js 中调用一个函数。

这是功能：

function getUrlVars(url) {
  var vars = {};
  var parts = url.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
    if(vars[key]){
      if(vars[key] instanceof Array)
        vars[key].push(value);
      else
        vars[key] = [vars[key], value];
    }else
      vars[key] = value;
  });
  return vars;
}

它返回 url 的参数。我把这个函数放在background.js中，但是当我调用它时，它不起作用。我在这里调用函数：

chrome.webRequest.onBeforeRequest.addListener(function(details){ 
  chrome.tabs.get(details.tabId, function (tab) { 
    source=getUrlVars(details.url)[iapisource];
    id=getUrlVars(details.url)[iapiid];
    redirectUrl=tab.url+"?iapisource="+source+"&iapiid="+id;
  });
  return {cancel : true , redirectUrl : redirectUrl}; 
},
// block requests matching this url
{urls: ["*://*/*iapisource*iapiid*"]},["blocking"]);

在这里，我在请求之前获取 URL，并将新 URL 的参数附加到它上面。

我必须把函数放在哪里，我该如何调用它？

4

2 回答 2

2

我可以给你一条鱼，但我会教你如何钓鱼。

1）如果它不起作用，你应该调试你的代码。StackOverflow 不是在线调试器。

转到 chrome://extensions/，找到您的扩展程序，单击您的背景页面，转到控制台选项卡并调查您在那里看到的错误。

2）为了一件事而不是这个：

source=getUrlVars(details.url)[iapisource];

我想你想要的是这样的：

source=getUrlVars(details.url)['iapisource'];

或者更好：

var params = getUrlVars(details.url);
var redirectUrl = tab.url+"?iapisource=" + params.iapisource + "&iapiid=" + params.iapiid;

3)回调函数只会在tabs.get你已经从onBeforeRequest 

// 1.
chrome.webRequest.onBeforeRequest.addListener(function(details){  
    // 2.
    chrome.tabs.get(details.tabId, function (tab) { 
      // 4.
      source=getUrlVars(details.url)[iapisource];
      id=getUrlVars(details.url)[iapiid];
      redirectUrl=tab.url+"?iapisource="+source+"&iapiid="+id;
    });
    // 3.
    return {cancel : true , redirectUrl : redirectUrl}; // redirectUrl is undefined!
  }, 
  {urls: ["*://*/*iapisource*iapiid*"]},
  ["blocking"]
);
于 2013-05-21T08:58:10.977 回答
1

您可以使用extension.getBackgroundPage来访问后台页面的window对象，该对象通常包含后台页面中的全局函数。

这个问题在这里进一步讨论。

如果你不能这样做，你应该研究消息传递。

于 2013-05-20T13:05:29.190 回答