javascript - 在 chrome 内容脚本中检查链接是否出现在页面上

Question

在 chrome 内容脚本中，我需要检查链接是否动态显示在页面上，特别是 youtube 链接。我已经尝试过循环代码，这显然不是正确的解决方案和 jquery 中的更改事件。

我猜最好的方法只是我还没有偶然发现的 js 中的一个事件。如果有另一种方法来检查链接是否出现，我也很乐意这样做。

Answer 1

看看DOMSubtreeModified。另请查看此相关帖子：是否有任何“关于 DOM 更改”事件？

小提琴：

setTimeout(function () {
    $('#links').append('<a href="">Link</a>');
}, 5000);

$(function () {
    // you can also use $.on below
    $('#links')[0].addEventListener('DOMSubtreeModified', function (event) {
        $('#out').append('<b>EVENT</b>');
    });
});