Este é o meu problema:

Eu atualizo o localStorage em popup.js em uma nova guia. Eu acesso o mesmo localStorage (mesma chave) no background.js.

Agora, isso está retornando nulo em todas as guias, exceto na guia chrome: // extensions (quando eu carrego as extensões).

Eu pensei que localStorage era persistente em todas as guias.

Código:

popup.js:

$(document).ready(function (){

    alert(localStorage.getItem('filters'));
    var oldFilters = localStorage.getItem('filters');
    //All the filters show up on the popup.html page.
    document.getElementById('td1').innerHTML = oldFilters;

    var dat = oldFilters + "," + newArray[j]
    localStorage.setItem('filters',String(dat));
}

background.js:

$(window).ready(function() {
  // Handler for .ready() called.

 var filters = localStorage.getItem('filters');

   alert("background + "+ filters);
    //This shows all the filters in the chrome:extensions page but always pops up "background + null" in every new tab load. 

//changeImage(filters);

});