如何使用Chrome扩展开发人员检查某个类型的某个元素是否有页面

问题描述

我有一个简单的自定义Chrome扩展功能，我已经在网络上查找了这个，没有什么好的。我想通过我的 popup.js 文件阅读某个页面中有多少个元素。

I have a simple custom Chrome Extension I've looked all over the web for this and nothing good showed up. I want to read how many elements of a certain type are in a page, through my popup.js file.

像这样的东西：

$('div').length

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

Is it possible to do this through the chrome.tabs command?

推荐答案

1. manifest.json ：
   $ b

1. manifest.json:

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

代码：

Code:

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

用法：

Usage:

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

getElementsByTagName（标记）可以替换为 querySelectorAll（选择器）或jQuery语法，如果您确定该选项卡已加载jQuery。

getElementsByTagName(tag) can be replaced with querySelectorAll(selector) or jQuery syntax if you are sure the tab has jQuery loaded.

这篇关于如何使用Chrome扩展开发人员检查某个类型的某个元素是否有页面的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！