How To Stop Javascript Debugger In Chrome

by

Google Chrome, a popular web browser, comes with a powerful built-in debugger, which is very helpful in diagnosing issues in your JavaScript code. In this blog post, we’ll guide you through the process of stopping the debugger in Chrome. This can be really useful when you want to disable breakpoints and let your code run without interruptions.

1. Open the Chrome Developer Tools

To start, you need to access the Chrome Developer Tools. There are several ways to do this:

  • Right-click on your web page and select Inspect.
  • Press Ctrl + Shift + I (Windows/Linux) or Cmd + Opt + I (Mac) on your keyboard.
  • Click the menu button (three vertical dots) in the top-right corner of Chrome, then navigate to More tools > Developer tools.

Once you’ve opened the Developer Tools, click on the Sources tab to access the JavaScript debugger.

2. Disable breakpoints

Breakpoints are set in your code to pause the execution at specific lines. To disable all breakpoints at once, press the Deactivate breakpoints button (blue pause icon) on the right side of the debugger toolbar (above the file list). When the icon turns gray, it means that all breakpoints have been disabled.

If you want to disable a specific breakpoint, navigate to the file containing that breakpoint in the file list, and click on the blue icon next to the line number to remove the breakpoint.

3. Resume execution

If your code is currently paused at a breakpoint, you can resume its execution by pressing the Resume script execution button (blue triangle icon) on the debugger toolbar. Your code will continue running without stopping at breakpoints.

4. Close the Developer Tools

When you’re done debugging, you can close the Developer Tools by pressing the Ctrl + Shift + I (Windows/Linux) or Cmd + Opt + I (Mac) keyboard shortcut again, or by clicking the close button (X) in the top-right corner of the Developer Tools.

Conclusion

In this blog post, we’ve shown you how to stop the JavaScript debugger in Chrome by disabling breakpoints and resuming script execution. Remember to keep this guide handy when you need to troubleshoot your JavaScript code without interruptions.