Question

我正在编写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的参数。

我必须在哪里放置该功能以及如何调用它？

Answer 1

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

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"]
);

Answer 2

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

此问题将进一步讨论here.

如果你不能这样做，你应该研究message passing。

如何在background.js中为Chrome扩展程序使用自定义功能？

2 个答案: