Как сделать Chrome расширение с HTML списком

Question

Я хочу сделать Chrome Расширение, которое вставляет значения массива JSON в список HTML. Я пытался связать пустой файл 'page. html' с моим расширением, а затем написать код в соответствии с этим в моем фоне. js file:

chrome.omnibox.onInputEntered.addListener(
    function (text) {
        var contentType = "application/json";
        fetch(url, {
            method: 'GET',
            headers: {
                'Accept': contentType
              }
        }).then(r => r.json()).then(result => {
            chrome.tabs.create({ url: 'page.html' });
            result.value.forEach(element => {
                // DO SOMETHING TO POPULATE HTML LIST FOR EACH ENTRY
            });
        })
});

Моя наивная идея состояла в том, чтобы переберите значения массива result.value JSON, а затем заполните список HTML 'ul' на странице на основе 'page. html', но вкладка моего браузера не изменяется после forEach l oop. Почему это так?