javascript - 识别手动选择元素的最佳方法

Question

我正在做一个 Chrome 扩展，允许用户单击一些链接。扩展程序应分析页面(每 1 小时 1 次，服务器端)，如果链接发生更改 - 则通知。该扩展应该可以在任何“正常”网页上运行。

我的 Chrome 扩展只允许选择元素。所有其他工作都在服务器端完成。

我尝试过的:

• ID - 最明显的方式，但很多网页不使用元素 ID。
• 标签，具有精确的href。但我还需要一些职位变更的通知。而且该扩展很有可能不仅适用于链接。
• e.path - 我应该将其保留为 html.child(0).child(2).child(1)... 还是用它们的类和类型来标识它们？

那么，有没有什么好的方法来识别某个未知页面上的元素呢？我应该如何序列化标识符？

如果对 html 模板进行重大更改后它不起作用，我也没关系。

谢谢:)

Answer 1

假设我正确地阅读了您的问题:您想要选择网页上的某个元素，并让服务器在计时器循环上重新读取该元素，以查看该元素(例如文本)是否已更改。

像 ID 这样的东西是最简单的，但除此之外，您可能会考虑使用 XPath，这是一种用于浏览 XML(或 HTML)文档的标准。

W3Schools Reference on XPath

请注意:从设计 Angular 来看，这将具有挑战性，因为您无法控制其他页面。没有什么可以阻止网站更改 ID、重新组织元素等。