javascript - 在 popup.js 中创建链接并使其在 popup.html 中可点击

Question

我在popup.js中有两个变量。我想把它们放在一起到一个 url ，无论如何就像

chrome.tabs.create({active: true, url: "https://"+savedApi+".myservice.com"+currentDomain});

并将此网址传递给 popup.html ，它变得可点击，例如 <a id="link" target="_blank">link</a>并在新选项卡中打开。

如何做到这一点？

Answer 1

要将代码(在您的情况下为超链接)传递/添加到 popup.html，请使用 chrome.extension.getViews 方法，该方法为当前扩展中运行的每个页面(包括任何弹出窗口)返回 Window 对象的数组页面(如果已定义并加载)。然后只需在弹出窗口中将超链接添加到所需位置即可。

例如，我们将超链接添加到以 id 作为内容的容器:

var views = chrome.extension.getViews({ type: "popup" });
views[0].document.getElementById("content").innerHTML =
             '<a href="https://www.google.com">Link</a>';

这会将超链接添加到 popup.html。