how to debug javascript embedded in view

Question

I want to debug java-script or j-query embedded in the same view of razor page in google chrome

@section Scripts
{
<script type="text/javascript">
    $(document).ready(function ()
    {
        var myClass = new MyClass();
        myClass.DoSomeStuff();
    });
</script>
}

how to debug and put break point in google chrome. because i cannot find script in source tab?

Mr Milk · Accepted Answer · 2018-09-24 16:33:49Z

2

Did you try to add the word debugger into your code ? maybe it can help you.

<script type="text/javascript">
$(document).ready(function ()
{
    debugger
    var myClass = new MyClass();
    myClass.DoSomeStuff();
});

answered Sep 24, 2018 at 16:33

Mr Milk

13810 bronze badges

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

1 Comment

James Over a year ago

Reference to debugger

tomer raitz · Accepted Answer · 2018-09-25 07:29:32Z

1

In chrome dev tools there is a debug tool.

Go to Dev Tools (F12)
Go to the sources tab
Choose the file you want to debug
Choose breaking points, like this:
Press on F5 to start the debug mode.
Press on F10 to see each interaction.

answered Sep 25, 2018 at 7:29

tomer raitz

3902 silver badges10 bronze badges

Comments

SushiDynamite · Accepted Answer · 2018-09-25 06:47:39Z

0

In my case, script file is in localhost/scripts/app.min.js but it is minified (compressed) so after selecting curly brackets at the left bottom you can pretty print that script file and put break points.

answered Sep 25, 2018 at 6:47

SushiDynamite

1531 gold badge5 silver badges12 bronze badges

Collectives™ on Stack Overflow

how to debug javascript embedded in view

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related