How to set breakpoints in inline Javascript in Google Chrome?

by

Are you talking about code within <script> tags, or in the HTML tag attributes, like this?

<a href="#" onclick="alert('this is inline JS');return false;">Click</a>

Either way, the debugger keyword like this will work: 

<a href="#" onclick="debugger; alert('this is inline JS');return false;">Click</a>

N.B. Chrome won’t pause at debuggers if the dev tools are not open.

You can also set property breakpoints in JS files and <script> tags:

  1. Click the Sources tab
  2. Click the Show Navigator icon and select the a file
  3. Double-click the a line number in the left-hand margin. A corresponding row is added to the Breakpoints panel (4).

enter image description here

More Related Contents:

  1. How do you launch the JavaScript debugger in Google Chrome?
  2. Breakpoint on property change
  3. How to set a JavaScript breakpoint from code in Chrome?
  4. Using Chrome, how to find to which events are bound to an element
  5. JavaScript: Is there a way to get Chrome to break on all errors?
  6. Editing in the Chrome debugger
  7. How to make Google Chrome JavaScript console persistent?
  8. Javascript Debugging line by line using Google Chrome
  9. How do I print debug messages in the Google Chrome JavaScript Console?
  10. How to show full object in Chrome console
  11. how to set DOM Breakpoints in chrome
  12. Chrome javascript debugger breakpoints don’t do anything?
  13. Chrome debugging – break on next click event
  14. Is it possible to change javascript variable values while debugging in Google Chrome?
  15. Chrome developer tools do not show all JavaScript files any more
  16. How to wait until an element exists?
  17. Chrome doesn’t delete session cookies
  18. How do I load an HTML page in a div using JavaScript?
  19. How does the paste image from clipboard functionality work in Gmail and Google Chrome 12+?
  20. How to getting browser current locale preference using javascript?
  21. getUserMedia() in chrome 47 without using https
  22. \u200b (Zero width space) characters in my JS code. Where did they come from?
  23. Setting onbeforeunload on body element in Chrome and IE using jQuery
  24. How can I retain the scroll position of a scrollable area when pressing back button?
  25. Problems downloading big file(max 15 mb) on google chrome
  26. Chrome – Fetch API cannot load file. How to workaround?
  27. Resource interpreted as Script but transferred with MIME type text/plain – for local file
  28. Can’t find serviceWorker in navigator anymore
  29. Chrome Speech Synthesis with longer texts
  30. Javascript window.print() in chrome, closing new window or tab instead of cancelling print leaves javascript blocked in parent window

Leave a Comment