I am attempting to debug external JavaScript within a tag on an iframe on a website that I do not have access to the source code. I am able to debug all of the javascript files directly but not the javascript embedded within the HTML.
I have attempted to search for the code within the sources tab and I am unable to e up with it. I have attempted to use firefox developer edition as well as chrome dev tools
issue I am trying to debug:
<iframe>
<html>
<head>
<script> javascript I want to debug </script>
<body>
</body>
</html>
</iframe>
I would like to place breakpoints anywhere within the code to debug it.
I am attempting to debug external JavaScript within a tag on an iframe on a website that I do not have access to the source code. I am able to debug all of the javascript files directly but not the javascript embedded within the HTML.
I have attempted to search for the code within the sources tab and I am unable to e up with it. I have attempted to use firefox developer edition as well as chrome dev tools
issue I am trying to debug:
<iframe>
<html>
<head>
<script> javascript I want to debug </script>
<body>
</body>
</html>
</iframe>
I would like to place breakpoints anywhere within the code to debug it.
2 Answers
Reset to default 6In Chrome's devtools:
- Open the Sources tab
- Click the Show Navigator icon if the navigator isn't already showing
- Find the name of the frame's HTML file in the navigator tree
- Expand it, which will show the domain the frame is from, then expand it again to find frame's HTML file (again)
- Click on that file to see its source
- Within the script, click in the line number gutter to the right of the line where you want to set a breakpoint
Just a picture to visualize what Crowder wrote above.