如何在调试器中暂停时强制Chrome呈现页面?

时间:2014-11-20 20:25:26

标签: javascript google-chrome debugging google-chrome-devtools developer-tools

我正在使用一个通过JavaScript执行一些非常繁重的DOM操作的Web应用程序,并且我正在广泛使用Chrome的开发人员工具来构建页面和功能。问题是,有时,当页面在断点或debugger;行上暂停时,视口中的页面不会变灰,不会出现“在调试器中暂停”消息,它不会用蓝色突出显示我在开发工具中选择的DOM元素,当Javascript操纵DOM时,它不会重绘或更新渲染或任何内容。当我取消调试器和代码完成时,重新渲染按预期发生,但是当我在调试器中逐行执行代码时,重新渲染不会发生,直到代码完成并且调试器完成取消暂停。当我专门尝试调试一些与渲染相关的问题时,这确实是一个问题。这是一个不一致的问题。例如,在我正在进行的项目中,有一个onResize()方法在初始页面加载时运行,以及(显然)在调整视口大小时。如果Chrome开发工具在初始运行onResize()期间暂停,它会按预期工作,在整个过程中的每一步都会对页面进行更改。但如果在稍后运行该方法时暂停,在实际调整大小事件期间,我上面描述的问题就会发生,并且在代码运行完毕之前我没有看到渲染的任何更改。

有没有人知道为什么会这样,或者我能做些什么呢?

0 个答案:

没有答案