使用 html 和 javascript 显示谷歌搜索结果链接

如何解决使用 html 和 javascript 显示谷歌搜索结果链接

我正在使用 HTML 和 js 构建一个简单的 chrome 扩展

获取当前页面的 URL
将其转换为谷歌搜索字符串
将第一页上所有结果的链接显示为扩展框中的无序列表。

我卡在了第 3 步。我知道这可以使用 Python 中的 Beautiful Soup 来完成，但不知道如何使用 JS 来实现它。在执行 console.log(html) 时，我得到一个空字符串，但相同的代码适用于任何其他 html 页面。

HTML 代码 -

<!doctype html>
<html>
  <head>
    <script src="popup.js"></script>
  </head>
  <body>
    <h1>Top 5 searches from google</h1>
    <button id="checkPage">Click!</button>
    <ul>
    </ul>
  </body>
</html>

JS代码-

document.addEventListener('DOMContentLoaded',function() {
  var checkPageButton = document.getElementById('checkPage');
  checkPageButton.addEventListener('click',function() {
    chrome.tabs.query({active: true,lastFocusedWindow: true},tabs => {
      let myUrl = 'https://www.google.com/search?q='+tabs[0].url;
      fetch(myUrl,{mode: 'no-cors'}).then(function (response) {
      console.log(response)
      console.log(response.text())
      return response.text();
    }).then(function (html) {
      console.log(html)
      var parser = new DOMParser();
      var doc = parser.parseFromString(html,'text/html');
      console.log(doc)
      var h3Elements = doc.getElementsByTagName("h3");
      console.log(h3Elements);
    }).catch(function (err) {
      console.warn('Something went wrong.',err);
    });
    });
  },false);
},false);