如何调试跳动的网络 UI

How to debug a jumpy web UI

我对调试程序有疑问;我遇到了一个可滚动 div 的问题,每次我收到服务器的响应时它都会跳转到其内容的顶部。这最初只是一个麻烦,但现在它导致我的 Select2 小部件在从服务器接收结果时显示不正确。

我使用的是我公司内部开发的专有的、自主开发的客户端-服务器架构,客户端基于 jQuery。代码库非常庞大,在接收信息时会产生许多副作用,我什至不知道去哪里寻找导致这种情况的代码。

所以我想知道这里是否有人对我如何调试此问题有任何创意。到目前为止,我已经尝试注释掉我猜是导致问题的代码(显然不是),以及从从服务器接收数据开始跟踪代码。

我使用分而治之的形式发现了这个错误(感谢@Kevin Brown link)。实际上,我在软件的中央循环处放置了一个断点,随着循环的进行,我能够直观地看到 UI 跳转的点。一旦我确定了特定的迭代(通过 console.log()),我就能够进一步缩小错误的来源。