javascript – 如何检查特定类型的元素有多少个带有Chrome Extension Dev的页面

我有一个简单的自定义Chrome扩展程序,我已经在网上查看了这一点,并没有出现任何好处.我想通过我的popup.js文件阅读页面中某种类型的元素数量.

像这样的东西:

$('div').length

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

> manifest.json:

"permissions": [
    "tabs",
    "activeTab"
]

>代码:

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

>用法:

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

如果您确定选项卡已加载jQuery,则可以使用querySelectorAll(selector)或jQuery语法替换getElementsByTagName(tag).

https://stackoverflow.com/questions/30357363/how-to-check-how-many-elements-of-a-certain-type-has-a-page-with-chrome-extensio

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:javascript – 如何检查特定类型的元素有多少个带有Chrome Extension Dev的页面