如何存储从网站加载的 CSS 文件并将它们应用于另一个网站？答案

【问题标题】：How can I store CSS files loaded from a website and get them applied to another website?如何存储从网站加载的 CSS 文件并将它们应用于另一个网站？
【发布时间】：2018-12-08 08:06:35
【问题描述】：

详细场景：

我在 google chrome 浏览器中打开了一个标签页
在那个标签中，我浏览了一个网站
在检查元素时，我得到了该网站的 CSS 文件列表
我希望这些所有文件以某种方式存储在 google chrome 中这个特定的标签
接下来，我在同一个标签中渲染到另一个网站
不知何故，我希望将以前存储的网站的 CSS 文件应用到这个新呈现的网站

有些人想要这种情况的原因：

我正在尝试在 JS 框架中的模板上使用
模板有自定义 CSS 文件
当页面从 js 框架渲染到浏览器时，应用的自定义模板文件在浏览器端被缩小
所以我 100% 确定某些自定义 CSS 文件没有被渲染甚至没有给出错误
仔细检查这个疑问并朝着正确的方向前进

我对上面的案例mf提出了质疑。

【问题讨论】：

标签： css google-chrome

【解决方案1】：

使用小书签

javascript: (function () {
    var linkNode = document.createElement('link');
    linkNode.rel = 'stylesheet';
    linkNode.href = 'http://example.com/stylesheets/style.css';
    document.getElementsByTagName('head')[0].appendChild(linkNode);
})();

使用content_scripts API 创建网络扩展

{
 "name": "My extension",
 ...
 "content_scripts": [
   {
     "matches": ["http://*/*"],
     "css": ["myStyles.css"],
     "js": ["contentScript.js"]
   }
 ],
 ...
}

或准备使用扩展时尚https://chrome.google.com/webstore/detail/stylish-custom-themes-for/fjnbnpbmkenffdnngjfgmeleoegfcffe

【讨论】：

我会试着回到这里
ewwink 在参考您的答案时，我得到了正确的关键字进行搜索，它们就像“如何使用检查元素注入 CSS 3”我在这里得到了答案 stackoverflow.com/questions/19445867/…