JavaScript: Is there a way to get Chrome to break on all errors?
Question
I am looking for an equivalent in Chrome to the "break on all errors" functionality of Firebug. In the Scripts tab, Chrome has a "pause on all exceptions", but this is not quite the same as breaking on all errors.
For instance, when loading a page with the following code, I would like Chrome to break on the line foo.bar = 42 . Instead, even when enabling the "Pause on all exceptions", I don't get the expected result.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<script type="text/javascript">
function doError() {
foo.bar = 42;
}
window.onload = function() {
try {
doError();
} catch (e) {
console.log("Error", e);
}
}
</script>
</head>
<body>
</body>
</html>
You can try the code pasted above on this page or using this jsFiddle .
5 answers
solution1
347 2013-06-26 15:39:15
I got trouble to get it so I post pictures showing different options:
Chrome 101.0.4951.64 [27 May 2022]
Very similar UI since at least Chrome 38.0.2125.111 [11 December 2014]
In tab Sources :
When button is activated, you can Pause On Caught Exceptions with the checkbox below:
Previous versions
Chrome 32.0.1700.102 [03 feb 2014]
Chrome 27.0.1453.93 Stable
solution2
217 ACCPTED 2011-01-03 19:13:33
Edit: The original link I answered with is now invalid .The newer URL would be https://developers.google.com/web/tools/chrome-devtools/javascript/add-breakpoints#exceptions as of 2016-11-11.
I realize this question has an answer, but it's no longer accurate. Use the link above ^
(link replaced by edited above) - you can now set it to break on all exceptions or just unhandled ones. (Note that you need to be in the Sources tab to see the button.)
Chrome's also added some other really useful breakpoint capabilities now, such as breaking on DOM changes or network events.
Normally I wouldn't re-answer a question, but I had the same question myself, and I found this now-wrong answer, so I figured I'd put this information in here for people who came along later in searching. :)
solution3
20 2013-04-10 14:23:27
This is now supported in Chrome by the "Pause on all exceptions" button.
To enable it:
- Go to the "Sources" tab in Chrome Developer Tools
- Click the "Pause" button at the bottom of the window to switch to "Pause on all exceptions mode".
Note that this button has multiple states. Keep clicking the button to switch between
- "Pause on all exceptions" - the button is colored light blue
- "Pause on uncaught exceptions", the button is colored purple .
- "Dont pause on exceptions" - the button is colored gray
solution4
1 2010-02-12 23:17:15
Just about any error will throw an exceptions. The only errors I can think of that wouldn't work with the "pause on exceptions" option are syntax errors, which happen before any of the code gets executed, so there's no place to pause anyway and none of the code will run.
Apparently, Chrome won't pause on the exception if it's inside a try-catch block though. It only pauses on uncaught exceptions. I don't know of any way to change it.
If you just need to know what line the exception happened on (then you could set a breakpoint if the exception is reproducible), the Error object given to the catch block has a stack property that shows where the exception happened.
solution5
1 2010-02-23 19:49:11
不幸的是，Chrome 中的开发人员工具似乎无法像 Firebug 那样“停止所有错误”。
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.