Как я могу сохранить файлы CSS, загруженные с сайта, и применить их к другому сайту?

Question

Подробный сценарий:

• Я открыл вкладку в браузере Google Chrome

• И на этой вкладке я просмотрел сайт

• При проверке элемента я получил список CSS-файлов, которые нужно увидеть для этого веб-сайта

• Я хочу, чтобы все эти файлы как-то сохранялись в Google Chrome для эта конкретная вкладка

• Затем я отображаю другой веб-сайт на той же вкладке

• Каким-то образом я хочу, чтобы ранее сохраненные файлы CSS веб-сайта были применены к этому вновь отображаемому веб-сайту

Некоторые люди, которым нужна причина для такого случая:

• Я пытаюсь использовать шаблон в JS framework

• шаблон имеет собственные CSS-файлы

• примененные файлы пользовательских шаблонов минимизируются на стороне браузера, когда страница отображается в браузере из js Framework

• , поэтому я уверен на 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