Question

详细方案：

我在Google Chrome浏览器中打开了一个标签页
然后在该标签中，我浏览了一个网站
在检查元素中，我找到了要查看该网站的CSS文件列表
我希望将所有这些文件以某种方式存储在google chrome中此特定标签
接下来，我在同一标签中渲染到另一个网站
我希望以某种方式将以前存储的网站的CSS文件应用于此新渲染的网站

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

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

我在上述案件中提出质疑。

Answer 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

如何存储从网站加载的CSS文件并将其应用到另一个网站？

1 个答案: