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

【问题标题】：Chrome Extension: How do I inject CSS and Javascript into a certain URL?Chrome 扩展程序：如何将 CSS 和 Javascript 注入某个 URL？
【发布时间】：2021-03-05 10:47:53
【问题描述】：

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

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

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

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

更新：

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

【问题讨论】：

标签： javascript html css google-chrome-extension

【解决方案1】：

应该让你开始：您需要将其注入您打开网站的选项卡中，请查看此处有关注入 CSS 的示例： Chrome extension: insertCSS once per tab

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

注入内容脚本：

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

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

【讨论】：

谢谢，但我如何使它仅适用于某些域？例如。 roblox.com
您只请求该站点的权限developer.chrome.com/extensions/declare_permissions 您也可以在注入之前检查您所在的页面。
@K14F4r 很抱歉回复得太晚了，我赶上了很多东西。不过谢谢。