Fatal编程技术网

Google chrome extension Chrome扩展将数据从background.js传递到新选项卡

google-chrome-extension

Google chrome extension Chrome扩展将数据从background.js传递到新选项卡,google-chrome-extension,Google Chrome Extension,在我的chrome扩展中，我想显示一个包含用户使用统计数据的页面。我一直在尝试通过从background.js创建一个新选项卡来显示HTML页面： chrome.tabs.create({ url: '/results.html', active: true }); 其中results.html如下所示： <!DOCTYPE html> <html lang='en'> <head> <script src='js/charts.j

在我的chrome扩展中，我想显示一个包含用户使用统计数据的页面。我一直在尝试通过从background.js创建一个新选项卡来显示HTML页面：

chrome.tabs.create({
    url: '/results.html',
    active: true
});
其中
results.html
如下所示：

<!DOCTYPE html>
<html lang='en'>
<head>
  <script src='js/charts.js'></script>
</head>
<body>
  <canvas id='myChart' style='height:400px; max-width:800px; background-color:red;'></canvas>
  </body>
  <script src='js/results.js'></script>
</html>
这似乎不起作用，否则，我可以让后台页面通过
results\u content.js
脚本发送数据并显示图表

我唯一能想到的另一个想法是，只需打开一个新的选项卡到obcluseWebSite.com，并有一个内容脚本，它可以执行类似于
document.body.innerHTML=“”
的操作，并仅使用javascript重建我的页面。我不喜欢这个解决方案

是否有办法通过
chrome.tabs
参考传递信息？还是另一种传递数据的方式？非常感谢您的帮助。

当我使用带有contentScripts的常规网页时，确实如此。但在这种情况下，问题是我正在创建一个新的选项卡，它有address
chrome-extension://bpbigdfdiiiafmmfeghpaikloanahaan/results.html
并且我无法附加contentScript。请参阅
chrome.storage.local
似乎是一个完美的技巧！ 
"content_scripts": [
    {
        "matches": [
            "*://*.results.html"
        ],
        "js": ["js/results_content.js"],
        "run_at": "document_idle"
    }
]