开发者问题收集

Chrome 扩展程序:无法访问以“chrome-extension://”开头的 URL 内容

2020-04-20
10351

在我的扩展中,我正在创建一个选项卡并从名为 background.js 的后台脚本中打开一个名为 results.html 的 html 文件。创建选项卡后,我将一个名为 results.js 的 javascript 文件注入到该新创建的选项卡中。

但它在我的 background.js 控制台中引发以下错误:

Unchecked runtime.lastError: Cannot access contents of url "chrome-extension://hcffonddipongohnggcbmlmfkeaepfcm/results.html". 
Extension manifest must request permission to access this host.

查看其他 stackoverflow 问题的解决方案时,我尝试在 manifest.json 中添加以下权限:

  1. <all_urls>
  2. chrome-extension://* 引发错误:权限“chrome-extension://*”未知或 URL 模式格式错误。

但以上均不起作用。

此外,注入后的 results.js 应该向 background.js 发送消息,以获取响应中的一些数据以输入 results.html .

我的代码:

manifest.json

{
  "manifest_version":2,
  "name":"Extension Name",
  "description":"This is description of extension.",
  "version":"1.0.0",
  "icons":{"128":"icon_128.png"},
  "browser_action":{
      "default_icon":"icon.png",
      "default_popup":"popup.html"
  },
  "permissions":["activeTab", "background", "tabs", "http://*/*", "https://*/*","<all_urls>"],
  "background": {
      "scripts": ["background.js"],
      "persistent": false
  },
  "web_accessible_resources": ["addAlias.js","results.html","results.js"]
}

background.js

/*Some code*/
function loadResult()
{
  chrome.tabs.query({active:true},function(tabs){
    //creating tab and loading results.html in it
    chrome.tabs.create({url : 'results.html'}, function(tab){
      //injecting results.js file in the tab
      chrome.tabs.executeScript(tab.id, {file: 'results.js'});  
    });
  });
}
/*somecode*/
if(/*some condtion*/)
{
    loadResult(); //calling function 
}


chrome.runtime.onMessage.addListener(function(request,sender,sendResponse)
{
  //Listening for results.js request for data
  if( request.greeting === "sendResults")
    {
      console.log(" Results request received .");
      //sending data back to results.js
      sendResponse({failed:failedToAdd,succeed:succeedToAdd});

    }
}

results.js

/*Some code*/
console.log("I got loaded");
console.log("Now requesting for sendResults");

//Below sending request for data
chrome.runtime.sendMessage({greeting: "sendResults"},
      function (response) {
        console.log('Got data from Background.js');
        /*Some Code*/
      }
  );
2个回答

您需要在 manifest.json 中添加 host_permissions。 在 manifest.json 中添加主机权限的示例 "host_permissions":["*://ahainstructornetwork.americanheart.org/"]

查看此文章了解详情: https://developer.chrome.com/docs/extensions/mv3/declare_permissions/#host-permissions

Salman A Mughal
2021-04-20

将其放入您的 manifest.json 中:

"host_permissions": ["*://*/*"],
Kolja
2023-06-05