Enable the javascript debugger in the Page Inspector

javascript visual-studio-2012 visual-studio-debugging
Martijn picture Martijn · Aug 30, 2012 · Viewed 83.9k times · Source

Visual Studio 2012 comes with the very nice Page Inspector. I like it! Problem though, I haven't found how (if?) I can turn on JavaScript debugging. Could someone point me in the right direction?

Answer

Mariusz picture Mariusz · Sep 30, 2012

  1. In IE9 (only one time): Tools > Internet Options > Advanced tab > In Browsing category > Clear "Disable script debugging" check boxes (both) > restart IE.

  2. In VS 2012: Run the Page Inspector ( when javascript error box opens, click No ! )

  3. Choose from VS menu: DEBUG > Attach to process...

  4. Select "WebBrowserServer.exe" and click Attach

  5. In Page Inspector window click the Refresh icon.

Debugging works pretty well, but it's one condition. Don't insert any breakpoints in your code (or clear them before - DEBUG > Delete All Breakpoints). There can cause a lot of problems - from hanging and frozing to entirely crashing your VS.

Related questions

how to reset <input type = "file">

I am developing a metro app with VS2012 and Javascript I want to reset the contents of my file input: <input type="file" id="uploadCaptureInputFile" class="win-content colors" accept="image/*" /> How should I do that?

Read More
Can't find Typescript compiler: Command "tsc" is not valid

Just installed Typescript extension to VS2012 and followed Install TypeScript for Visual Studio 2012 and then the tutorial to call the compiler: > tsc greeter.ts But when i try to compile .ts file where should i type: tsc greeter.ts? …

Read More
Regions in TypeScript

In my JavaScript (.js) files, I use a Visual Studio 2012 plugin for regions (here) like this: //#region "My Region" //Code here //#endregion "My Region" I would also like to have regions in TypeScript (.ts) files as well. Is this a …

Read More