Google chrome extension Chrome扩展背景属性和popup.html不能一起工作

Google chrome extension Chrome扩展背景属性和popup.html不能一起工作,google-chrome-extension,background,popup,Google Chrome Extension,Background,Popup,在my manifest.json中,当我添加background属性时,弹出窗口不起作用(当我单击扩展时,不会发生任何事情),但当我删除background属性时,弹出窗口开始工作。我不知道这是为什么。我把舱单贴在下面: { “清单版本”:2, “名称”:“9gag的测试阻塞”, “描述”:“我的测试屎”, “版本”:“1.0”, “浏览器操作”:{ “默认图标”:“icon.png”, “默认弹出窗口”:“popup.html” }, “权限”:[“webRequest”、“webReque

在my manifest.json中,当我添加background属性时,弹出窗口不起作用(当我单击扩展时,不会发生任何事情),但当我删除background属性时,弹出窗口开始工作。我不知道这是为什么。我把舱单贴在下面:

{
“清单版本”:2,
“名称”:“9gag的测试阻塞”,
“描述”:“我的测试屎”,
“版本”:“1.0”,
“浏览器操作”:{
“默认图标”:“icon.png”,
“默认弹出窗口”:“popup.html”
},
“权限”:[“webRequest”、“webRequestBlocking”、“*://9gag.com/*”]
,
“背景”:{
“执着”:对,
“脚本”:[“block.js”]
}
}
更新: 添加了其他文件 背景脚本:block.js:

chrome.webRequest.onBeforeRequest.addListener(
  function(details) {
    return {redirectUrl: "https://lh6.googleusercontent.com/-A3P-CvVSIyo/USzTbs0RRBI/AAAAAAAAALg/x47zbfBbYtw/s1600-rw/y-u-no-work"}
  },
  {urls: ["<all_urls>"]},
  ["blocking"]);
chrome.webRequest.onBeforeRequest.addListener(
功能(详情){
返回{重定向URL:“https://lh6.googleusercontent.com/-A3P-CvVSIyo/USzTbs0RRBI/AAAAAAAAALg/x47zbfBbYtw/s1600-rw/y-u-no-work"}
},
{URL:[“”]},
[“封锁]);
popup.html:

<!doctype html>
<html>
  <head>
    <title>test</title>
    <style>
      body {
        min-width: 357px;
        overflow-x: hidden;
      }

      img {
        margin: 5px;
        border: 2px solid black;
        vertical-align: middle;
        width: 75px;
        height: 75px;
      }
    </style>

  </head>
  <body>

<div id="result"></div>
<p>Test.</p>
<p>test123</p>
</body>
</html>

测试
身体{
最小宽度:357px;
溢出x:隐藏;
}
img{
保证金:5px;
边框:2件纯黑;
垂直对齐:中间对齐;
宽度:75px;
高度:75px;
}
测试

测试123


我想我应该把它写成一个答案,以防其他人也有同样的问题。
webRequest
api要求对它正在侦听的每个url的请求具有主机权限。由于您希望更改
,只需将其添加到您的权限字段中,如下所示:

"permissions": ["webRequest","webRequestBlocking","<all_urls>"]

如果您试图不加区分地将每个请求重定向到该url,而不请求
的主机权限,则可能会出现问题。请尝试将其限制为9gag或扩展主机perms,然后查看它是否清除了后台页面控制台中可能出现的错误。
{urls: ["*://9gag.com/*"]},