Создайте ссылку во всплывающем окне. js и сделайте ее активной во всплывающем окне. html

Question

У меня есть две переменные в popup.js. Я хочу соединить их в URL-адрес, в любом случае, например

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

, и передать этот URL-адрес в popup.html, где он станет активным, например <a id="link" target="_blank">link</a>, и откроется в новой вкладке.

Как это можно сделать?

Answer 1

Чтобы передать / добавить код (гиперссылка в вашем случае) во всплывающее окно. html, используйте метод chrome .extension.getViews, который возвращает массив объектов Window для каждой из страниц, работающих внутри текущего расширения. который включает в себя любые всплывающие страницы, если они определены и загружены. Затем просто во всплывающем окне добавьте гиперссылку в нужное место.

Например, здесь мы добавляем гиперссылку на контейнер с идентификатором содержимого:

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

Это добавит гиперссылку к всплывающее окно. html.

Answer 2

Если вы включили всплывающее окно. js во всплывающем окне. html.

Используйте приведенный ниже код в вашем всплывающем файле. js для создания привязки во всплывающем окне. html

document.addEventListener("DOMContentLoaded", function(event) {
    var anchorTag = document.createElement('a');
    anchorTag.setAttribute('href','https://"'+savedApi+'".myservice.com"'+currentDomain);
    anchorTag.setAttribute('target','_blank');
    anchorTag.innerText = "link text";
    document.body.appendChild(anchorTag); // change this line as you need
});