Açık sekmeleri DOM öğesine göre sıralamak için chrome uzantısı oluşturma

Ne denediğiniz belli değil, ancak bu değerleri mevcut döngünüzdeki dizideki nesnelere ekleyebilir ve ardından bu diziyi ikinci bir döngüde sıralayabilirsiniz. executeScript eşzamansız olduğundan, ilk döngünün bitmesini beklemeniz gerekir; bu, sözlerin listesini çözmek, ardından listeyi videolength'te sıralamak ve ardından sekmeleri taşımak anlamına gelir.

İşte MV3 için geldiğim şey. Muhtemelen bunu yapmanın daha temiz yolları vardır (bu konuda oldukça yeniyim):

* Düzenlemeler: Kod organizasyonunu temizlemek için küçük düzenlemeler. Eyleme eklenen işlev (yani, Chrome uzantı simgesi düğmesine tıklandığında çalışır).

popup.js

chrome.action.onClicked.addListener(sortTabsbyDuration);

async function sortTabsbyDuration() {
  async function createListEntry(tabId, i) {
    return new Promise((resolve) => {
      if (/\.youtube\.com\/watch\?/.test(tabs[i].url)) {
        chrome.scripting.executeScript(
          { target: { tabId: tabId }, func: getYouTubeLength, args: [tabId] },
          (returnValue) => {
            resolve(returnValue[0].result);
          }
        );
      } else {
        resolve({
          tabId: tabId,
          vidLength: 9999999999,
        });
      }
    });
  }
  function getYouTubeLength(aTab) {
    let vidLength = document.querySelector("video").duration;
    if (!vidLength) {
      vidLength=1;
    }
    return {
      tabId: aTab,
      vidLength: vidLength,
    };
  }
  // MAIN:
  const tabs = await chrome.tabs.query({ currentWindow: true });
  let promiseList = [];
  for (var index = 0; index < tabs.length; index++) {
    promiseList.push(createListEntry(tabs[index].id, index));
  }
  const promisesFinished = Promise.all(promiseList);
  const sortedList = (await promisesFinished).sort((a, b) => {
    return a.vidLength - b.vidLength;
  });
  console.log(sortedList);
  for (let index = 0; index < sortedList.length; index++) {
    await chrome.tabs.move(sortedList[index].tabId, { index: index });
  }
}

manifesto.jsonname

{
    "manifest_version": 3,
    "name": "Sort Your Tubes",
    "version": "0.0.0.2",
    "action": {
        "default_title": "Click to sort YouTube videos by video length."
    },
    "background": {
        "service_worker": "popup.js"
    },
    "permissions": [
        "tabs",
        "scripting"        
    ],
    "host_permissions": [
        "*://www.youtube.com/*"        
    ]
}