javascript - 如何使用 chrome 扩展更改网站文本？

Question

我正在尝试更改网站上的一些文本。当我尝试使用 innerText 时，没有任何变化。这是我要更改的文本的 HTML：<div class="styles__tokenBalanceText___2eYY7-camelCase">742</div>

这是我的清单：

{
    "manifest_version": 3,
    "name": "test",
    "version": "1.0.0",
    "content_scripts": [
        {
            "matches": ["<all_urls>"],
            "all_frames": true,
            "js": ["Content.js"]

        }
    ],
    "permissions": [
        "activeTab"
    ]
}

这是我的 Content.js：

const elements = document.getElementsByClassName('<div class="styles__tokenBalanceText___2eYY7-camelCase">742</div>')
for (let i = 0; i < elements.length; i++) {
    elements[i].innerText = "123";

}

Answer 1

您可以使用Tamper Monkey在任何特定网站或页面上运行自定义 JavaScript。

你只需要编写 JavaScript 代码来实现你想要的。