Debugger acting different then run

I have been using Webstorm developing this new system for several months now. And I have been impressed.

Today I ran into an issue using the debugger with Chrome that I knew worked fine. But is now getting different results each time a run it.

I am using a script to detect if a device is mobile or desktop.

function CheckDevice() {
 var scrollDiv = document.createElement('div');
 scrollDiv.style.cssText = 'width:100px;height:100px;overflow:scroll !important;position:absolute;top:-9999px';
 document.body.appendChild(scrollDiv);
 var result = scrollDiv.offsetWidth - scrollDiv.clientWidth;
 document.body.removeChild(scrollDiv);
 blnMobileDevice = result === 0;
}

The object is: if result = 0, it’s mobile.

I have chrome open and run it w/o debugger, works perfect. Detects the correct configuration of Chrome.

If I run the debugger and have Chrome set to a mobile device, most times it come up not a mobile device. However, sometimes it comes up right. But once it detects it wrong, it stays wrong even if I use run instead of debugger. This has been working fine up until today.

If I change the mobile device in Chrome, and hit run, it works correctly. And if I use the debugger it may or may not work right.

As a note, once it is not operating correctly, result = 17, which would indicate a desktop.

If I have Chrome configured as a desk top, result = 17.

If I access the page via the URL within Chrome or any other browser, outside of Webstorm, it works correctly.

The only thing I changed in Webstorm was adding the SVG Plugin. It was not recognizing the SVG tag as a legitimate tag.   I don’t see how that could have affected it.

I realize this could be an issue with Chrome. Is there a way to reset Chrome?