के निर्माण के लिए क्रोम एक्सटेंशन तरह खुले टैब द्वारा डोम तत्व

यह स्पष्ट नहीं है, क्या आप की कोशिश की है, लेकिन आप जोड़ सकते हैं, उन मूल्यों के लिए वस्तुओं में सरणी में अपने मौजूदा पाश में और फिर एक तरह से है कि सरणी में एक दूसरे लूप । क्योंकि executeScript अतुल्यकालिक है, आप प्रतीक्षा करने की जरूरत है पहली पाश के लिए खत्म करने के लिए इसका मतलब है, जो के समाधान की एक सूची का वादा किया है, तो छँटाई सूची पर videolength, फिर चलती टैब.

यहाँ है क्या मैं के साथ आया था के लिए MV3. वहाँ शायद रहे हैं क्लीनर तरीके से ऐसा करने के लिए, (मैं कर रहा हूँ काफी इस पर नया):

*संपादन: मामूली संपादन के लिए साफ कोड संगठन है । संलग्न समारोह के लिए कार्रवाई (I. ई., रन पर क्लिक क्रोम एक्सटेंशन आइकन बटन).

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 });
  }
}

manifest.json

{
    "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/*"        
    ]
}