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

Question

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

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

Answer 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.