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

Question

我想做一个 chrome 扩展，将 ROBLOX 的网站改回 2016 UI 和其他内容。

我目前在弹出窗口中有这个 UI： click here

我已经有了一些代码来使复选框起作用，但我如何才能真正让它们添加一些 CSS 和 Javascript 到 https://roblox.com？

编辑：我已经检查过How to inject CSS into webpage through Chrome extension?但我想以编程方式进行。

更新：

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

Answer 1

应该让你开始：您需要将其注入到打开网站的选项卡中，查看此处关于注入的示例 CSS：

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

要注入内容脚本：

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

添加 /static/js/content.js 以及您要注入清单的任何文件

Chrome Extension: How do I inject CSS and Javascript into a certain URL?