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

【问题标题】：Update Tab in Chrome Extension And Wait Till It opened to open another download link. How to wait till url is opened in the tab?Chrome 扩展程序中的更新选项卡并等待它打开以打开另一个下载链接。如何等到 url 在选项卡中打开？
【发布时间】：2018-09-21 21:01:51
【问题描述】：

我想一个一个地打开 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);
    });

【问题讨论】：

您有问题吗？
如何等到标签更新？？

标签： javascript google-chrome google-chrome-extension

【解决方案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();
      }
    });
  });
}

【讨论】：