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

Question

我正在我的第一个chrome扩展工作。我的扩展工作在特定的页面。我需要访问用户的当前页面，并从页面中的'table'元素获取值。

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

Answer 1

阅读这个SO问题，以便了解内容脚本和背景脚本的区别。现在，回到你的问题

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

1. 在你的舱单中。

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

3. 一旦确保了1和2，就可以使用简单的查询选择器访问table元素并获得所需的值。

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