如何检查某种类型的多少元素有一个页面与Chrome扩展开发

How to check how many elements of a certain type has a page with Chrome Extension Dev

本文关键字：有一个 元素 开发 扩展 Chrome 多少 何检查 检查 类型 种类      更新时间：2023-09-26

我有一个简单的自定义Chrome扩展，我在网上找遍了这个，没有什么好东西出现。我想通过我的popup.js文件读取一个页面中某种类型的元素有多少。

像这样:

$('div').length

是否可以通过chrome.tabs命令执行此操作?

  1. manifest.json:

    "permissions": [
    "tabs",
    "activeTab"
]
    2. 代码:

  2. function countTags(tag, callback) {
    chrome.tabs.executeScript({
        code: "document.getElementsByTagName('" + tag + "').length"
    }, function(result) {
        if (chrome.runtime.lastError) {
            console.error(chrome.runtime.lastError);
        } else {
            callback(result[0]);
        }
    });
}

  3. 用法:

    countTags("div", function(num) {
    console.log("Found %i divs", num);
});

    getElementsByTagName(tag)可以替换为querySelectorAll(selector)或jQuery语法，如果你确定选项卡有jQuery加载

相关文章：