My Chrome developer tools are great and I love them. I'm experiencing a woe lately though.
Somehow I turned on some sort of break-on-error and I don't know how to turn it off. I've looked on Google but it's tough because I don't know the correct term for what's happening.
Go to the Sources tab, and locate the button at the bottom with two stripes on it.
Click on this button to switch between the following states:
"Don't pause on exceptions" (default)
"Pause on all exceptions"
"Pause on uncaught exceptions"
Related
Good day,
Every time I open the console in brave and the debugging mode is on, and my screen is over lay with stop pause debug thing.
Does anybody know how exactly to turn it off and get back to normal console ?
Maybe you figured it out by now.
But, in case you didn't, here is a solution.
Open Developer Tools in Brave
Open Sources Tab
And make sure "Pause on Exceptions" is disabled.
Check the image
I'm running Visual Studio 16.9.3 This morning when doing web development, I noticed an odd change. On one of my web pages when running in debug mode, there was a Visual Studio icon in the lower left corner of the page that I have never seen before. See below:
Clicking the icon opens this context menu:
If I select the "Enable Inspector" menu choice then in the lower right corner of the Visual Studio window this is displayed:
However nothing else happens and that message never goes away.
What is this feature? What is it suppose to do? And how can I make it go away an not display and icon on my web page while doing development?
That menu is from the Web Live Preview extension, which is currently in preview. You can read a little more about it here or see a video with more recent details here.
I'm not sure how it suddenly became enabled for you in 16.9 (that should only happen if you install the extension from the marketplace), but you can disable it by clicking on Close from the menu and choosing the option appropriate for you.
That said, we'd also appreciate if you used the various feedback mechanisms mentioned in the links above or in VS itself to let us know some more details of your setup so we could get to the bottom of why it is stuck on Generating Logical Tree... for you. We'd rather it be useful so you don't want to turn it off!
I'm trying to improve my site's performance in IE11 and I cannot seem to get any results out of the performance profiler. I've read this page and it seems pretty straightforward but I must be missing something. Here are the steps I take:
On the F12 tools Performance tab, I click on either the green play button or the "Start profiling to begin a performance session (Ctrl+E)" link.
I perform an action in my app (as simple as clicking on a field and back out)
I hit the red stop button or the Stop profiling to generate a report (Ctrl+E) link
The Profiler tab shows "Analysing the collected data:" with an empty progress bar. The progress bar never goes anywhere and after a few seconds the Profiler tab just reverts to saying "Start profiling to begin a performance session (Ctrl+E)".
This happens on any website that I try, not just mine. The rest of the F12 tabs (DOM, Console, Network) all work fine. Using IE version 11.125.16299.0, update version 11.0.49 on Windows 10.0.16299.
What am I doing wrong?
I don't think you're doing anything wrong. The performance profiler appears to be unable to show the reports it generates in IE11 right now. However, the fact that IE and Edge seem to share their debugging tools (in Windows 10 at least) might offer a viable workaround.
Press CTRL-E, perform your actions, press CTRL-E again, and wait for the performance tab to revert to its initial state. Some part of the profiler seems to have crashed at this point; you'll find that the "import" and "export" buttons won't work.
Exit the debugging tools, open them again, and open the performance tab.
Click on the (now operational) "export" button to save your profiler report.
Open Edge, start its debugging tools, and go to the performance tab.
Import your saved profiler report. It'll show up just fine now.
For what it's worth, importing your saved report into the IE11 debugging tools will result in an error about "Promise" being undefined or somesuch. This makes sense, as the ES6 Promise constructor is supported by Edge but not by IE11.
I do wonder if it's possible to open the Firefox's (I have 18.0.1) debugger in a new window/tab as right now the debugger's pane is too small at the bottom of the page.
[Edit]
Ok, I've made a few screenshots to show that Firefox does have a debugger on its own:
Current Firefox nightlies have a little two-window icon next to the 'x' in the debugger toolbar that tears it off into a separate window, but that might not be present in 18 yet...
If you mean Firebug, these directions should be sufficient.
Click on the Firebug launch icon so the hidden submenu appears.
Hover over "Firebug UI Location"
Select "Detached"
EDIT:
Ok I see... you are using the Firefox built in Developer Tools and not Firebug.
So as far as I understand, there seems to be no way to run the JavaScript Debugger on a separate window for non-remote work. Here is a statement directly from the JS Debugger docs:
The JavaScript debugger is available in two varieties: one for
debugging content running directly in Firefox, and another that lets
you debug code running on a Firefox OS device, or in Firefox on an
Android device. The main difference between the two is that the Remote
Debugger runs in its own window, while the web content debugger runs
in the same tab as the Web content you're debugging.
Also here is a link to the Debugger's docs:
https://developer.mozilla.org/en-US/docs/Tools/Debugger
Why do you think that the Debugger view is too small? If you hover over the top bar, you can drag it up/down as much as you need to. Aslo are you sure that the JavaScript Debugger is what you're trying to use? For example Firefox has other tools as well. The "More Tools" link shows other built in tools as well - all these tools together are called the "Developer Tools". Here is a link to all of their docs: https://developer.mozilla.org/en-US/docs/Tools
I hope this makes more sense now!
Screenshot:
IE8 has a feature that pops up a dialog box that informs me when a web page stops responding that's a bit annoying when debugging as it steals focus from visual studio. Is there a way to disable that feature?
This was just covered on the IEBlog here.
From the blog:
While we continue to track the
telemetry, if you are debugging IE
either with the IE Developer Tools or
a debugger, and you attempt to
interact with the IE window, there is
a chance that you will see this
dialog. Although this will not impact
your debugging it may be more
convenient to turn this dialog off. Or
if you’re running Win7 RC and are
seeing this prompt more than you
should or would want to, you can turn
it off by changing the following
registry key:
HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\Main!HangResistance, DWORD, 0