当用户在 Chromium 中打开新选项卡时运行指定函数

Question

我想从 Chromium 的“新标签”页面中删除访问量最大的缩略图。在检查了该页面的内容后，我确定以下 JavaScript 行可以解决问题：

document.getElementById("most-visited").remove();

但是我还有一个问题：当我打开一个新标签时，如何使这一行自动运行？大概我必须将它包装在一个函数中并注册一个事件处理程序，但我一直无法找到更准确的信息。

---

编辑：

Chromium 似乎明确防止篡改“新标签”页面。我通过进行以下更改来调试 Haibara Ai 的解决方案：

1. 在 manifest.json 中：

   "matches": [
       "*://*/*"
     ],
   

2. 在 content.js 中：

   var mv = document.getElementById("most-visited");
   if (mv) mv.remove(); else window.alert("test");
   

并重新加载了扩展程序。当我打开一个新标签时，缩略图仍然出现。然而，当我刷新另一个页面时，会显示一个显示“测试”的消息框。

Answer 1

1. 使用Content scripts。至于匹配newtab url，见What is the URL of the google chrome new tab page and how to exclude it from manifest.json。

   manifest.json

   {
     "name": "Redesign",
     "version": "1.0",
     "manifest_version": 2,
     "content_scripts": [
       {
         "matches": [
           "*://*/_/chrome/newtab*"
         ],
         "js": [
           "content.js"
         ]
       }
     ]
   }
   

   content.js

   document.getElementById("most-visited").remove();
   

2. 使用Programmatic injection。可以通过chrome.tabs.onCreated监听新标签打开事件，查看标签url，判断是否调用chrome.tabs.executeScript。

3. Customize new tab page。您还可以自定义自己的新标签页，而无需访问最多的部分。