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

Question

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

我需要contentscript页面还是background.html？我如何访问table元素？

Answer 1

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

由于您想要访问当前页面的DOM元素，您需要执行以下操作： -

1. 在你的manifest.json中，确保你有与当前页面网址匹配的网址格式。

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

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

现在，这取决于您对所获得的表值的要求。如果您需要在后台脚本中进行存储或其他目的，可以使用Mesage Passing将值发送到后台脚本。