extensiones de Chrome: ¿Cómo saber cuando una ficha ha terminado de cargar, desde el fondo de la página

Question

estoy usando un oyente en el fondo de la página para saber cuando se carga una pestaña:

chrome.tabs.onUpdated.addListener(function (tabId) { }) 

Pero el oyente se dispara dos veces: cuando la página ha comenzado a cargarse, y cuando la página ha terminado. ¿Hay alguna manera de diferenciar los dos casos?

Answer 1

Afortunadamente hemos encontrado la solución.

Hay una additional parameter que mantiene el valor de estado:

chrome.tabs.onUpdated.addListener(function (tabId , info) { 
    if (info.status === 'complete') { 
    // your code ... 
    } 
}); 

Estado puede ser loading o complete.

Answer 2

que quería una manera más fácil de hacer esto después de abrir una pestaña

function createTab (url) { 
    return new Promise(resolve => { 
     chrome.tabs.create({url}, async tab => { 
      chrome.tabs.onUpdated.addListener(function listener (tabId, info) { 
       if (info.status === 'complete' && tabId === tab.id) { 
        chrome.tabs.onUpdated.removeListener(listener); 
        resolve(tab); 
       } 
      }); 
     }); 
    }); 
} 

por lo que sería

let tab = await createTab('http://google.com');