如何在javascript中调试这种情况？

Question

当加载页面时，会显示AJAX-request加载的一些额外信息，因此动态生成一块DOM。在某些情况下（我不知道为什么，但偶尔会发生）之后，这个动态加载的DOM的一部分被修改。 因此，当加载页面时，只存在容器：

.state('tab.search', {
    url: '/search',
    views: {
      'tab-search': {
        templateUrl: 'templates/search.html',
        controller: 'SearchCtrl'
      }
    }
  })

在AJAX请求之后，如下所示：

$state.go('tab.search');

如果进行了额外的修改，结构就是这样：

<div id = "container"></div>

我需要找出进行此修改的代码。

如果这个HTML是静态的，我可以使用DOM断点，但事实并非如此。 另一个想法是在生成HTML之后暂停执行，然后放置DOM-breakpoint，但由于以下原因，我认为它不会对我有所帮助：

1. 神秘修改不会经常发生，因此我必须多次执行此程序。
2. 暂停执行可能会改变不同代码片段的工作顺序，因此我可能无法重现这种情况。

我也不能使用调试消息，因为有很多JS代码，我不知道修改的位置。

我觉得必须有一个直接的方法来做到这一点，但我找不到它。将不胜感激任何建议。