仅替换 Chrome 中的指定字体

Question

我发现佐治亚州很重，因为它在过去一年左右的时间里在太多网站上风靡一时。我在 Chrome 中设置了自定义样式表来调整我喜欢的一些站点，但是为每个站点制作自定义样式表变得令人望而却步，我真的只想在他们使用 Georgia 的地方做一个替换。每当我更改页面以再次设置字体时，都会弹出检查器同样令人讨厌。有人知道怎么做吗？唉，似乎没有一个插件有这个——要么它们替换了页面上的所有字体，要么焦点太窄。

如果那里没有任何东西，我可能会考虑编写一个书签来做到这一点，也许最终将其扩展到各种浏览器的插件，但我宁愿不重复其他人已经完成的工作。

Answer 1

创建一个 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 扩展程序的更详细指南。