Chrome Extension Manifest V3 如何阅读我的用户正在查看的网页的 HTML 和文本内容

问题描述

我正在尝试学习如何制作 chrome 扩展，并且一直在尝试使用新的 manifest v3 进行学习，因为我的理解是这将成为未来的常态。不过，很多文档都非常残酷，而且似乎落后了。

我希望制作一个简单的扩展程序，可以在网站上查找特定关键字。我想在用户访问网站时找到与特定 html id 匹配的文本。

目前，我的后台脚本调用单独的内容脚本来发现用户导航到的网站何时与我要搜索的网站相匹配。如果我到达相应的网站，则会调用另一个内容脚本来搜索该网站。

这是我的后台脚本中的相关代码：

if (onSite){
  scrapeSite(onSite);
}

onSite 仅在填充了我要访问的站点的 url 时才为 true/active。

scrapeSite的相关代码是

function scrapeSite{
   try {
    book = document.getElementById("bookTitle");
    if (book){
     console.log(`${book}`);
     }
    }
    catch(err) {
      console.log(`No Book Title Found`);
      console.log(`${book}`);
     }
    }
}

如果我删除了 catch(err)，那么控制台日志会输出以下错误处理响应：ReferenceError: document is not defined at scrapeSite

我真的只是想在这里学习，所以如果您有关于更好的文档、推荐的计算器问题等的任何建议，我将不胜感激。此外，如果您一直在学习 manifest v3 并且对好的文档/教程有总体上的建议，那将会很棒。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）