Создайте расширение Chrome, которое проверяет теги, перечисленные в массиве, types
на любую открытую страницу, если процесс найдет узел с атрибутом стиля, 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 .