Breakpoints in Dynamic JavaScript

Details
Written by: Stanko Milosev
Category: JavaScript
Hits: 6185

Title taken from here.

Here is my example. HTML part I need just to execute javascript files, so it looks like this:

<!DOCTYPE html>
<html>
	<head>
		<script type="text/javascript" src="/jquery-2.1.1.js"></script>
		<script type="text/javascript" src="/index.js"></script>
	</head>
	<body>
		test
	</body>
</html>

index.js:

$.getScript("myScript.js", function() {
	debugger;
	alert("Load complete!");
	myFunction();
});

myScript.js:

function myFunction() {
	debugger;
	alert("tfqseftr");
}
//@ sourceURL=myScript.js

Notice line //@ sourceURL=myScript.js, without that line when we debug from Chrome it looks like this:

With //@ sourceURL=myScript.js line will look like: