在页面加载时运行 js

Question

我正在尝试制作 google chrome 扩展程序，我需要 JavaScript 才能在加载的每个页面上运行。

我曾尝试到处寻找答案，但我无法在任何地方找到答案。 一切都过时了。

这是我当前的代码：

function reddenPage() {
  alert("yay!")
}



chrome.action.onClicked.addListener((tab) => {

  chrome.scripting.executeScript({
    target: { tabId: tab.id },
    function: reddenPage
  });
  }
);

Answer 1

使用chrome.tabs.onUpdated.addListener然后检查TabStatus 。

function reddenPage() {
  alert("yay!")
}

chrome.tabs.onUpdated.addListener((tabId, changeInfo) => {
  // checking status
  if (changeInfo.status === 'complete') {
    chrome.scripting.executeScript({
      target: { tabId },
      func: reddenPage // should be "func" instead of "function"
    });
  }
});

请注意，您不需要{ tabId: tabId }因为{ tabId }是相同的。 它被称为“速记属性名称”。

Answer 2

只需添加属性onload <body onload="reddenPage()">并且加载正文时该函数将触发。

并删除所有不需要的 Chrome 代码。

在页面加载时运行 js

问题描述

1 个解决方案

解决方案1
0 已采纳 2022-07-05 10:08:57

解决方案2
-2 2022-07-05 04:42:27

在页面加载时运行 js

问题描述

1 个解决方案

解决方案1 0 已采纳 2022-07-05 10:08:57

解决方案2 -2 2022-07-05 04:42:27

解决方案1
0 已采纳 2022-07-05 10:08:57

解决方案2
-2 2022-07-05 04:42:27