Chrome 扩展搜索字符串然后执行一些操作

Question

通过研究和其他一些代码，我几乎拼凑了自己的 chrome 扩展程序，它将使用 Pushover 通知服务在页面加载时发送警报 chrome里面有文字。

我已经设法让我的 background.js 在任何页面完成加载后发送警报：

chrome.tabs.onUpdated.addListener( function (tabId, changeInfo, tab){
if (changeInfo.status == 'complete') {
chrome.tabs.sendRequest(tab.id, {method: 'selection'}, 
function (text) { push_message(tab, text,  
'');

我已经有了一点 java 代码来查找字符串

if (~document.body.textContent.indexOf('cricket')) { alert("page contains string"); }

但我似乎无法让两者协同工作。我读过关于将查找字符串 java 放在 contentscript.js 中的混合报告？此外，我最好希望我的代码能够搜索多个字符串。所以它会像这样工作：

页面加载完成
Javascript 在页面中搜索术语 cricket 或 football
如果找到这些术语中的任何一个，它就会触发代码以发送推送通知（我上面的第一段代码目前在 background.js 中）

非常感谢您的帮助。

Answer 1

在您的 manifest.json 中，您可以执行类似

的操作

"content_scripts": [
{
  "matches": ["<all_urls>"],
  "js": ["someContentScript.js"],
  "run_at": "document_start",
  "all_frames": false,
}]

然后在您的内容脚本中，您可以在收到 load 或 DOMContentLoaded 事件后进行页面抓取。

一旦您检测到您的球线（足球或板球），您就可以使用消息 API 向您的后台页面发送消息。看着 chrome.runtime.sendMessage API。我认为还有另一种方法，但我不确定。

现在，一旦进入 background.js 代码，就可以调用 push API。

希望对您有所帮助。

Chrome 扩展搜索字符串然后执行一些操作

Chrome extension search for string then perform something

javascript

google-chrome-extension

pushover