Chrome 扩展程序：如何将 CSS 和 Javascript 注入某个 URL？

Question

我想制作一个 chrome 扩展，将 ROBLOX 的网站改回 2016 年的 UI 和其他东西。

我目前在弹出窗口中有此 UI：单击此处

我已经有一些代码可以让复选框工作，但我如何真正让它们向https://roblox.com添加一些 CSS 和 Javascript？

编辑：我已经检查了如何通过 Chrome 扩展程序将 CSS 注入网页？ 但我想以编程方式进行。

更新：

2020 年 11 月 22 日，星期日 17:53谷歌搜索更多，仍然没有找到任何东西，2020 年 11 月 23 日星期一 17:40谷歌搜索更多，仍然没有找到任何东西。 请回答！ 没有任何帮助或工作！

Answer 1

应该让你开始：你需要将它注入到你打开网站的选项卡中，查看这里关于注入 CSS 的示例： Chrome 扩展：每个选项卡一次插入 CSS

它不会那么简单，您需要添加逻辑以通过内容脚本替换 css。

注入内容脚本：

import browser from "webextension-polyfill";
    
await browser.tabs.executeScript(tabId, {
     file: "/static/js/content.js",
});

添加/static/js/content.js和任何你想注入到清单中的文件