Заменить только указанный шрифт в Chrome

Я считаю, что Грузия облагает налогом, потому что за последний год или около того стало слишком много гнева на слишком многих сайтах. У меня есть настраиваемые таблицы стилей, настроенные в Chrome для настройки ряда сайтов, которые мне нравятся, но становится непозволительно создавать собственные таблицы стилей для каждого сайта, и я действительно хочу сделать замену только там, где они использовали Georgia. Столь же раздражающим является всплывающее окно инспектора всякий раз, когда я изменяю страницу, чтобы снова установить шрифты. Кто-нибудь знает, как это сделать? Увы, похоже, что не существует такого плагина, который бы заменял все шрифты на странице или был слишком узким.

Если там ничего нет, я мог бы подумать о том, чтобы написать букмарклет, чтобы сделать это, и, возможно, в конечном итоге расширить его на плагины для различных браузеров, но я бы не стал дублировать работу, которую уже сделал кто-то другой.

Источник

1 ответ

Решение

Создайте расширение Chrome, которое проверяет теги, перечисленные в массиве types на любую открытую страницу, если процесс обнаружил узел с атрибутом style font-family равно fontin это будет заменено на fontout,

  • Создайте новую папку с именем, например, myplugin

  • В папке создайте новый файл с именем manifest.json и добавьте этот код внутри:


{
  "name": "Font change",
  "version": "1.0",
  "manifest_version": 2,
  "description": "Font change.",  
  "content_scripts": [ {
      "all_frames": true,
      "exclude_globs": [  ],
      "include_globs": [ "*" ],  
      "js": [ "script.js" ],
      "matches": [ "http://*/", "https://*/", "https://*/*", "http://*/*" ],
      "run_at": "document_end"
   } ],
  "permissions": [ "tabs", "http://*/", "https://*/", "https://*/*", "http://*/*", "contextMenus" ]      
}
  • В этой папке создайте новый файл с именем script.js и добавьте этот код внутри:


var types = new Array("textarea","input","div","h1","h2","h3","span","p");
var fontin ="Verdana";
var fontout = "\'Courier New\'";

(function(){    
    chrome.extension.sendRequest({
        set:"font"
    },function(response){
        for(var i=0;i<types.length;i++){        
            var node = document.getElementsByTagName(types[i]);
                for(var y=0;y<node.length;y++){                             
                    if(node[y].style.fontFamily==fontin){
                       node[y].style.fontFamily = fontout;
                }
           }
        }
  });
})();

  • Зайдите в меню Chrome "Настройки" Расширения.

  • Теперь нажимаем на кнопку "Загрузить распакованные расширения".

  • Наконец, мы помечаем нашу папку и нажимаем кнопку открытия.

Вы можете видеть, что система очень проста, и вы можете настроить файл script.js с вашим собственным управляющим кодом. В будущем вы можете добавить другие скрипты, CSS, страницы конфигурации и т. Д.

Помните, что каждый раз, когда вы вносите изменения в файл script.js, вы должны перезагрузить плагин с
Ctrl+R.

Также вы можете получить более подробное руководство о том, как создавать расширения Chrome.

Источник
Другие вопросы по тегам