using IE 11 F12 javascript debugging tools

I'm debugging the javascript used by an mvc application.
a couple of views in my application use an external javascript file located in the app directory.

I'm using IE 11 F12 tools to debug.

When I click on the Debugger tab it looks like this.

IE 11 Debugger tab
I notice the icon next to the hexagon is disconnected.

When i hover over it with the mouse it says this. Debugger disconnected:
Any idea of why it says disconnected? how do i connect. Because if I click on it. Nothing happens.
Who is Participating?
Miguel OzSoftware EngineerCommented:
The reason is disconnected (or disabled) could be to the fact that you are running your application from Visual Studio. Visual Studio(VS) takes over any debugging done in your IE browser.
Note: You can put breakpoints on your project java script file if needed. VS debugger is OK picking errors in either your  java script files and views.
ITSysTechSenior Systems AdministratorCommented:
Make sure the computer is fully updated.

You need to install this update to get the Dev tool to work. These are for Windows 7:

For 32 bit system

For 64 bit system
maqskywalkerAuthor Commented:
I'm using Windows 10 64-bit
Kelvin McDanielSr. Developer/ConsultantCommented:
It’s because the IE debugger doesn’t connect by default.

Unfortunately, it’s still a manual process that requires you to start the debugger — separately and manually — on the window/tab you want to run it on if you want to use the F12 tools. Which is kind of idiotic that you ask me.
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.