javascript - 更新 Chrome 扩展中的选项卡并等待它打开以打开另一个下载链接。如何等到 url 在选项卡中打开？

Question

我想一个一个打开 100 个链接，等到每个链接都打开，这样我就可以从中下载数据。如何等到 URL 在选项卡中打开？

    function downloadreport()
    { 
        chrome.tabs.getSelected(null,function(tab)
        {
            var reportlink=tab.url;
            looplink=tab.url.slice(0,tab.url.length-1);
            var indexcode=reportlink.indexOf('code')
            reportlink=reportlink.slice(0,indexcode+4)+"/getReport.php";
            var i;
            for (i=0;i<100;i++)
            {
                chrome.tabs.update(tab.id,{url: looplink+i});
                /*

                How To Wait Here Till Tab Is Opened


                */
               chrome.tabs.update(tab.id,{url: reportlink});
            }
        });
    }
    document.addEventListener('DOMContentLoaded', function () {
    document.getElementById('start').addEventListener('click',downloadreport);
    }); 

Answer 1

使用async/await , WebExtension polyfill , Promise , 和 tabs.onUpdated听众:

async function downloadreport() { 
  const [tab] = await browser.tabs.query({active: true, currentWindow: true});
  let reportLink = tab.url.slice(0, tab.url.indexOf('code') + 4) + '/getReport.php';
  let loopLink = tab.url.slice(0, -1);
  for (let i = 0; i < 100; i++) {
    await goToUrl(tab, loopLink + i);
    await goToUrl(tab, reportLink);
  }
}

function goToUrl(tab, url) {
  browser.tabs.update(tab.id, {url});
  return new Promise(resolve => {
    browser.tabs.onUpdated.addListener(function onUpdated(tabId, info) {
      if (tabId === tab.id && info.status === 'complete') {
        browser.tabs.onUpdated.removeListener(onUpdated);
        resolve();
      }
    });
  });
}