I'm currently developing a JavaScript framework for my work, and encounter an big issue where when the developer tools are in use.
If I put a breakpoint on a line of code within an event listener (in this case, a mouse click), when the event gets triggered and the breakpoint gets hit, my computer's UI becomes unresponsive.
The browser is frozen, the Developer Tools isn't responding, the start menu and bar (this is Windows 7 Pro x64) aren't responding, task switcher won't work, 3D window switching freezes during the initial animation, and when I open the task manager it too stops responding and often the UI for it doesn't even load beyond the window bounds itself.
The main solution I found is to restart my computer. Not something I want to do when I'm trying to get work done.
I found a work around that if I don't use the mouse, I can 4/5 times get the task manager to open and navigate it with just the keyboard. Once I kill IE, the whole system goes back to normal. I can restart IE and continue debugging (often skipping or disabling any event listener code to prevent deadlocks and hoping the code that I or others have written works fine for the time being).
Additional info: the events are being delivered from d3.js or fabric.js (both are used by my framework extensively), the site is simply (currently a modified version ofhttp://mbostock.github.io/d3/talk/20111018/treemap.html), IE is kept on one display while the Developer Tools are kept on another display, my site is hosted by a local IISExpress instance.
Thanks in advanced