如何在Chrome扩展中获取当前选项卡标题

Question

我正在尝试在弹出窗口中显示当前选项卡的标题。

我已经在我的JSON文件中写入了选项卡权限：

{
"name": "Price Comparing Tool",
"version": "0.1.0",
"description": "Immediate notification on potential savings!",
"permissions": ["tabs"],
"background": {
"service_worker": "script.js"
},

我正在使用Chrome扩展文档中的代码此处

这里是HTML行

<h3 id="grabedTitle"></h3>

这里是我的标题抓取的JS代码

var theTitle = async function getCurrentTab() {
let queryOptions = { active: true, lastFocusedWindow: true };
// `tab` will either be a `tabs.Tab` instance or `undefined`.
let [tab] = await chrome.tabs.query(queryOptions);
return tab;
}
document.getElementById("grabedTitle").innerHTML = theTitle;

显然，这行不通。弹出菜单中没有任何内容但为什么呢？我该怎么修？

我正在努力实现的目标：

打印当前选项卡的标题，当我切换选项卡时，总是重新加载并获取当前标题。(可能我需要一个Eventlistener，我该如何实现它？(

Answer 1

更改

document.getElementById("grabedTitle").innerHTML = theTitle;

至：

document.getElementById("grabedTitle").innerHTML = (await theTitle()).title;

而且，很明显，将函数重命名为反映它返回的是一个选项卡，而不是标题的内容。