Erstellen Sie eine Chrome-Erweiterung, die die im Array aufgeführten Tags typesin jeder geöffneten Seite untersucht. Wenn ein Prozess gefunden hat, dass ein Knoten das entsprechende style-Attribut hat font-family, fontinwird dieser durch ersetzt fontout.
Erstellen Sie einen neuen Ordner mit dem Namen myplugin
Erstellen Sie in dem Ordner eine neue Datei mit dem Namen manifest.json, und fügen Sie den folgenden Code hinzu:
{ "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" ] } - Erstellen Sie in diesem Ordner eine neue Datei mit dem Namen script.js und fügen Sie den folgenden Code hinzu:
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; } } } }); })(); Gehen Sie zum Chrome-Menü »Einstellungen» Erweiterungen.
Nun klicken wir auf die Schaltfläche "Unpacked Extensions laden".
Zum Schluss markieren wir unseren Ordner und klicken auf die Schaltfläche "Öffnen".
Sie sehen, dass das System sehr einfach ist, und Sie können die Datei script.js mit Ihrem eigenen Steuercode anpassen . In Zukunft können Sie weitere Skripte, CSS, Konfigurationsseiten usw. hinzufügen.
Denken Sie daran, dass Sie das Plugin bei jeder Änderung in der Datei script.js mit
Ctrl+ neu laden sollten R.
Außerdem erhalten Sie eine detailliertere Anleitung zum Erstellen von Chrome-Erweiterungen .