How to debug a script inside partial view that load by javascript in Chrome Developer Tools?

Question

When I loaded html file that contains javascript code by using the following code

$("#containerId").load("@Url.Action("ActionName")");

I couldn't find it in the chrome source tab I find out chrome renames js-loaded file to something like "VM27123" that the number changed by every refresh and chrome does not show these files in search result

so how can I find them and set breakpoint on it?

ali-myousefi · Accepted Answer · 2018-05-28 03:57:01Z

4

omatase's answer:

use the syntax:

//# sourceURL=fileName.cshtml

immediately after opening your script tag. Example:

<script type="text/javascript">
    //# sourceURL=fileName.cshtml
    function foo() {}
</script>

and you can find your javascript in sources tab on debug mode by fileName

answered May 28, 2018 at 3:57

ali-myousefi

8722 gold badges11 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to debug a script inside partial view that load by javascript in Chrome Developer Tools?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related