如何对 Chrome 网上应用店中的扩展程序进行排序?

如何对 Chrome 网上应用店中的扩展程序进行排序?

对我来说,Google Chrome 网上应用店简直就是一场灾难。我简直无法理解它。

如何根据受欢迎程度对扩展程序进行排序?根据评分?根据下载量?根据最新?根据最近更新?

我是否完全忽略了某件事?

https://chrome.google.com/webstore/category/extensions

答案1

我创建了一个简单的排序器 js,可在 Chrome Dev 工具控制台上运行。您可以访问 GitHub 页面这里

它主要对 Chrome Web Store 上的扩展程序进行排序。它运行在 Chrome Dev Tools 控制台上,通过 Ctrl+Shift+I 启动。

打开链接上的搜索扩展页面后https://chrome.google.com/webstore/search/PHRASE?_category=extensions将您的搜索短语替换为 PHRASE。然后 sorter.js 下的代码将在 chrome dev cosole 上运行。

它首先通过自动滚动页面直到无法滚动的方式加载无限滚动页面上的所有扩展程序。然后它按投票数对它们进行排序。

var i = 0;
var num_of_items = 0;
var stop = false;
function startCheck(max)
{
    i++;
    
    //document.querySelectorAll('div.h-a-Kd.a-Hd-mb')[0];
    var bottom = document.querySelectorAll('div.h-a-Hd-mb.a-Hd-mb')[0];
    bottom.scrollIntoView();
    //scrollTo(scrollX,scrollY+1000); 
    console.log(i.toString());  
    
    var items = document.querySelectorAll('.a-d-na.a-d.webstore-test-wall-tile.a-d-zc.Xd.dd');
    var new_num_of_items = items.length;
    if (num_of_items != new_num_of_items)
    {
        num_of_items = new_num_of_items;
        console.log('Loaded items : ' + new_num_of_items);
    }   
    
    if (i>max || stop) 
    {
        i = 0;
        num_of_items = 0;
        stop = false;
        items[new_num_of_items-1].scrollIntoView(false);
        sortsort();
        return;
    }
    
    var t = setTimeout(function (){startCheck(max);}, 100);
}

var MAX_COUNT = 25;
var counter = 0;
function stopCheck()
{   
    var spin = document.querySelectorAll('div.h-a-Kd.a-Hd-mb')[0];  
    var state_new = spin.attributes.style.value == "display: none;"
    
    if (state_new)
        counter++;
    else
        counter=0;
    
    console.log('Counter : ' + counter);
    if (counter > MAX_COUNT)
    {
        counter = 0;
        stop = true;        
        return;
    }
    
    var t = setTimeout(function (){stopCheck();}, 100);
}

var sortsort = function() {

    var ab = document.querySelectorAll('.a-d-na.a-d.webstore-test-wall-tile.a-d-zc.Xd.dd');
    console.log(ab.length);
    var ab_arry = Array.from(ab);

    var index_str;
    var star_str;
    ab_arry.forEach((star) => {
        
        index_str = star.attributes.hasOwnProperty("index") ? Number(star.attributes.index.value.toString().replace(/,/g, '')) : 0
        star_str  = star.getElementsByClassName("nAtiRe").length > 0 ? Number(star.getElementsByClassName("nAtiRe")[0].textContent.toString().replace(/,/g, '')).toString() : "Not voted";

        console.log( index_str + " = >>>> " + star_str);        
    });

    ab_arry.sort(function (a,b) {
        var a_star =  a.getElementsByClassName("nAtiRe").length > 0 ? Number(a.getElementsByClassName("nAtiRe")[0].textContent.toString().replace(/,/g, '')) : 0;
        var b_star =  b.getElementsByClassName("nAtiRe").length > 0 ? Number(b.getElementsByClassName("nAtiRe")[0].textContent.toString().replace(/,/g, '')) : 0;
        
        return (b_star - a_star);   
    });


    let row_nodes = document.querySelectorAll('.h-a-x > [role="grid"] > [role="row"]');
    var row_nodes_arry = Array.from(row_nodes);
    var sr;

    for (var rr = 0; rr < row_nodes_arry.length; rr++)
    {   
        sr_start = rr * 3;
        
        var msg = rr.toString() + ' <--- ';
        for (var sr = sr_start; sr < sr_start + 3 && sr < ab_arry.length ; sr++)
        {
            msg += '1:' + sr + ' ';
            row_nodes_arry[rr].appendChild(ab_arry[sr]);
        }   
        console.log(msg);
    }

}

startCheck(3000);
stopCheck();

答案2

没有太多的事情要做,但你可以做以下这些小事:

  • 按评分(1) :
    • 您可以按评级进行筛选 - 设置结果的开始次数低限。
  • 最近更新(2) :
    • Google 表示最近更新,但我们不知道是否还有更多内容。我猜(就我所见),这实际上是“最近更新的热门扩展”。
  • 受欢迎程度(3)
    • 我认为最接近的是编辑精选部分。这些通常都是优秀且受欢迎的应用程序/扩展程序,而它们被选中的事实也促进了它们的发展。
  • 最新:
    • 不幸的是,这似乎不可能。也许如果有来自 Web Store 的更新信息,您可以从那里获取此信息。
  • 下载:
    • 这不是一个真正的选择,尽管我认为它可以通过其他参数(评级、特色、编辑精选等)来了解(或多或少)。

在此处输入图片描述

答案3

我找到了一种通过 Google 以稍微迂回的方式按‘最近更新’对扩展进行排序的方法:

例如,我正在寻找最新的 jQuery 插件:

  • www.google.com, 搜索...
    '站点:chrome.google.com “jquery”' (或者你也可以使用 '标题:“jquery”')
  • 点击 '工具 > 随时',将其更改为'上周' 或任何你想要的时间范围

结果将包括最近添加和更新的附加组件

答案4

这对我有用(2024 年 3 月

多次按下“加载更多”按钮

function sleep(ms) {
    return new Promise(resolve => setTimeout(resolve, ms));
}

async function demo() {
    for (let i = 0; i < 5; i++) {
        document.querySelector('button.Vs7jVd').click();
        await sleep(i * 1000);
    }
    console.log('Done');
}

demo();

按评分对扩展进行排序

// Function to sort extensions by downloads
function sortExtensionsByDownloads() {
  var extensions = [];
  // Selecting each extension item
  var extensionElements = document.querySelectorAll('[jsname="hs2VQd"]:not(.load-more-button)');
  extensionElements.forEach(function(extension) {
    var name = extension.querySelector('.GzKZcb').innerText.trim();
    var downloadsText = extension.querySelector('.Y30PE').innerText.trim();
    extensions.push({ name: name, downloadsText: downloadsText, element: extension });
  });

  // Sorting extensions by number of downloads
  extensions.sort(function(a, b) {
    return compareDownloads(a.downloadsText, b.downloadsText);
  });

  // Reordering extensions on the webpage
  var parentElement = extensionElements[0].parentNode;
  extensions.forEach(function(extension) {
    parentElement.appendChild(extension.element);
  });
}

// Function to compare download counts
function compareDownloads(a, b) {
  // Regular expression to extract numeric value and unit
  var regex = /([\d.]+)\s*([KM]*)/;
  var matchA = regex.exec(a);
  var matchB = regex.exec(b);

  // Extract numeric value and unit
  var aValue = parseFloat(matchA[1]);
  var aUnit = matchA[2];
  var bValue = parseFloat(matchB[1]);
  var bUnit = matchB[2];

  // Convert units to numerical values
  if (aUnit === 'K') aValue *= 1000;
  if (bUnit === 'K') bValue *= 1000;
  if (aUnit === 'M') aValue *= 1000000;
  if (bUnit === 'M') bValue *= 1000000;

  // Compare numerical values
  return bValue - aValue;
}

// Call the function to sort extensions by downloads
sortExtensionsByDownloads();

相关内容