Постоянный уникальный идентификатор для вкладок Chrome, который сохраняется между сеансами браузера

Вопрос здесь выполняет большую часть работы по обнаружению, и принятый ответ в основном завершает ее, но все еще существует большой пробел в реализации для людей, желающих реализовать что-то, что требует постоянных идентификаторов вкладок. Я попытался перегнать это в реальную реализацию.

Чтобы резюмировать: вкладки могут быть (почти) однозначно и последовательно идентифицированы в соответствии с требованиями вопроса, поддерживая регистр вкладок, который хранит следующую комбинацию переменных в локальном постоянное хранение:

• Tab.id
• Tab.index
• отпечаток пальца документа, открытого на вкладке - [location.href, document.referrer, history.length]

Эти переменные могут быть отслежены и сохранены в реестре с помощью прослушивателей в комбинации следующих событий:

• onUpdated
• onCreated
• onMoved
• onDetached
• onAttached
• onRemoved
• onReplaced

Есть еще способы обмануть этот метод, но на практике они, вероятно, довольно редко - в основном крайние случаи.

Поскольку похоже, что я не единственный, кому нужно было решить эту проблему, я построил свою реализацию как библиотеку с намерением, что она может быть использована в любом расширении Chrome. Он лицензирован MIT идоступен на GitHub для запросов на раздвоение и вытягивание (на самом деле, любая обратная связь будет приветствоваться - определенно возможны улучшения).

Поместите это как постоянный фоновый сценарий в манифест.json:

"background": {
        "scripts": [ "background.js" ],
        "persistent": true
},

Вот предыстория.JS. Надеюсь, что код не требует пояснений.

var tabs_hashes = {};
var tabs_hashes_save_queued = false;

function Start(){
    chrome.tabs.query({windowType: "normal"}, function(querytabs){
        querytabs.forEach(function(tab){
            tabs_hashes[tab.id] = GetHash(tab.url);
        });

        if (localStorage.getItem("tabs_hashes") !== null){

            var ref_load = JSON.parse(localStorage["tabs_hashes"]);
            var ref_tabId = {};


            querytabs.forEach(function(tab){
                for (var t = 0; t < ref_load.length; t++){
                    if (ref_load[t][1] === tabs_hashes[tab.id]){
                        ref_tabId[ref_load[t][0]] = tab.id;
                        ref_load.splice(t, 1);
                        break;
                    }
                }
            });

            // do what you have to do to convert previous tabId to the new one
            // just use ref_tabId[your_previous_tabId] to get the current corresponding new tabId
            console.log(ref_tabId);

        }
    });
}


function SaveHashes(){
    if (!tabs_hashes_save_queued && Object.keys(tabs_hashes).length > 0){
        tabs_hashes_save_queued = true;
        chrome.tabs.query({windowType: "normal"}, function(querytabs){
            var data = [];
            querytabs.forEach(function(tab){
                if (tabs_hashes[tab.id]){
                    data.push([tab.id, tabs_hashes[tab.id]]);
                } else {
                    data.push([tab.id, GetHash(tab.url)]);
                }
            });
            localStorage["tabs_hashes"] = JSON.stringify(data);
            setTimeout(function(){ tabs_hashes_save_queued = false; }, 1000);
        });
    }
}

function GetHash(s){
    var hash = 0;
    if (s.length === 0){
        return 0;
    }
    for (var i = 0; i < s.length; i++){
        hash = (hash << 5)-hash;
        hash = hash+s.charCodeAt(i);
        hash |= 0;
    }
    return Math.abs(hash);
}


chrome.tabs.onCreated.addListener(function(tab){
    SaveHashes();
});
chrome.tabs.onAttached.addListener(function(tabId){
    SaveHashes();
});
chrome.tabs.onRemoved.addListener(function(tabId){
    delete tabs_hashes[tabId];
    SaveHashes();
});
chrome.tabs.onDetached.addListener(function(tabId){
    SaveHashes();
});
chrome.tabs.onUpdated.addListener(function(tabId, changeInfo){
    if (changeInfo.pinned != undefined || changeInfo.url != undefined){
        delete tabs_hashes[tabId];
        SaveHashes();
    }
});
chrome.tabs.onMoved.addListener(function(tabId){
    SaveHashes();
});
chrome.tabs.onReplaced.addListener(function(addedTabId, removedTabId){
    delete tabs_hashes[removedTabId];
    SaveHashes();
});


Start();

Я использую массив для сохранения данных, потому что таким образом я могу сохранить порядок вкладок, что маловероятно, если данные будут сохранены в объекте. При загрузке данных после перезагрузки браузера, даже если url не является уникальным, я могу быть уверен, что он будет находиться под каким-то "достаточно близким" индексом. Я бы сделал это более сложным, например обратный чек, если бы tab не было найдено, но это работает нормально до сих пор.