Break javascript before an inline javascript redirect in Chrome
Solution 1:
Developer Tools -> Sources -> Event Listener Breakpoints (on the right sidebar) -> Load -> check unload
This will make debugger break on unload event which is dispatched before navigation.
Solution 2:
Do the following
- Open Developer Tools
- Go to Sources tab
- Look for Event Listener Breakpoints
- Expand Load option
- Here check unload option
Solution 3:
I have a 3rd party JS library, which has had a wrong condition to reload the page. And the page has been reloaded continuously because of this. I tried to find where is the wrong code.
I tried to use the "Event Listener Breakpoints" method, but as a comment said you don't have stack trace in unload events, so it is pretty useless.
The solution which has worked for me:
I created a page with an iframe tag with sandbox attribute, e.g. <iframe sandbox="allow-same-origin allow-scripts allow-popups allow-forms"></iframe> and put my site in it. This way security errors will occur inside chrome and the console shows where the JS tries to access the location object. You can click on it and see the code. The best is Chrome has a JS decompressor (the {} button in the bottom left of the source window), which is clever, can show the line even after pretty printing, so you can see it even in compressed JS.
More info about sandbox property: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe#attr-sandbox