Question

Is there a tool available on Safari to find out when new elements are being added to the page. I have a page where there are invisible elements added at that cause the page to scroll. The elements that I thought where the cause, don’t seem to be. I’d like to know if there is a way to find out.

Answer 1

Safari’s built-in debugging tools are limited to what Chrome and Firefox offers and as far as I know you cannot set a break point to detect when a node has been inserted.

If you really insist on using Safari to debug, you could use event listeners like below:

document.addEventListener('DOMNodeInserted', function (event) {
    console.log('This element was added to the page:', event.target);
});