debugging a mvc partial view page with Chrome

I read this article on debugging javascript using Google Chrome

I tried their example with a html page and aspx page and it works great.

I click the Sources tab and then click on my page which is circled in this image and then the code for my page appears in the middle window and on the right is my watch and step into window.
debugg screenshot on chrome

My question is this.

I have a ASP.NET MVC 5 application.

I have my default view called Default.cshtml.  It's made up of two partial views called

I want to debug some JavaScript that I have on Partial2.csthml

But on the debugger it just shows my main page Default.cshtml but when I click on it my code doesn’t appear in the middle window. Like in the example in the article above. So since I can’t see the code I can’t set any breakpoints.

Anyone know whant I’m doing wrong?
Has anyone tried debugging a ASP.NET MVC partial view page with Google Chrome or some other Web Browser?
Who is Participating?
Gautham JanardhanConnect With a Mentor Commented:
partial 1 and partial 2 wont show up separately.. once rendered all will be under the same html page for example


will have code from default.cshtml partial1 and partial2
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.