javascript - 如何读取当前页面的 HTML 以从 Chrome 扩展程序访问元素？

Question

我正在开发我的第一个 Chrome 扩展。我的扩展程序适用于特定页面。我需要访问用户的当前页面，并从页面中的“table”元素获取值。

我需要 contentscript 页面还是 background.html 就足够了？那么如何访问 table 元素？

Answer 1

阅读此内容 SO question为了了解内容脚本和后台脚本之间的区别。现在，回到你的问题

由于要访问当前页面的 DOM 元素，因此需要执行以下操作:-

1. 在您的manifest.json中，确保您的网址模式与当前页面网址相匹配。

2. 让您的内容脚本在当前页面加载后运行

3. 确保 1 和 2 后，您可以使用简单的查询选择器来访问表元素并获取所需的值。

现在这取决于您想要如何处理您获得的表值。如果您在后台脚本中需要它们用于存储目的或其他目的，您可以使用 Mesage Passing将值发送到后台脚本。