在Chrome扩展程序弹出窗口中显示Google搜索结果

Question

我正在尝试在浏览器扩展程序的弹出窗口中显示承诺的项目值。目前，这些项目是预先分配的搜索的前10个结果。对于某些上下文，目的是让插件在页面上查找关键字，谷歌搜索它们，找到与用户所在页面类似的结果，然后在弹出窗口中显示它们。这是我到目前为止的javascript：

const debiasButton = document.querySelector('#debias-me');
const debiasContent = document.querySelector('#content');
const apiKey = 'x';
const searchEngine = 'x';
const query = 'syria news now';

 debiasButton.addEventListener('click', function() {
    fetch('https://www.googleapis.com/customsearch/v1?key=' + apiKey + 
    '&cx=' + searchEngine + '&q=' + query)
    .then(function(data) {

       const jsonResponse = data.json();
       console.log(jsonResponse);

       for(var i = 0; i < jsonResponse.items.length; i++) {
         console.log(jsonResponse.items.htmlTitle)
       }



   });
});

我真的不确定如何解决这个问题以及使用其他图书馆或服务是否更容易。

编辑：很抱歉不清楚，问题是在chrome控制台上它显示了promise []和错误：Uncaught（在promise中）TypeError：无法读取属性＆＃39; length＆＃39;未定义的。 如果我在控制台中扩展promise并展开PromiseValue并转到它显示Array（10）的项目并列出结果。单击按钮后，我不知道如何让它们显示在弹出窗口中。

谢谢！