JScript Debugging in Visual Web Developer Orcas

JScript Debugging in Visual Web Developer Orcas

Jeff King made a recent post to show off the new JScript IntelliSense feature in the March CTP of Visual Studio. Now I am going to show off the improved JScript Debugging experience in the March CTP.

The first thing you will notice is that when you try to debug an IE page, VS will give you a nice little dialog reminding you to turn on script debugging in IE:

Here is the Advance tab in IE:

After you've turned on script debugging in IE, you can set a breakpoint in your ASPX document right away!

You might notice a little diamond inside the breakpoint glyph and wonder what that means. The little diamond indicates this is a mapped breakpoint. This breakpoint will get mapped automatically to the run-time document when you debug the page (F5).

Debug the page (F5) and VS will pause at the breakpoint:

If you look closely, the execution actually paused in the run-time document instead of the design-time document:

You can set breakpoints in the run-time document and they will get saved back to the design-time document. No Problem!

You can switch between your design-time and run-time documents easily in the Solution Explorer:

You can examine an object's data when the execution is paused. The type information is much richer than in Visual Web Developer 2005:

Visual Web Developer 2005 

 

Visual Web Developer Orcas

Not only can you see the real types of the objects but also the methods:

Plus you can navigate the DOM more easily:

Still feel like something is still missing? How about visualizers for reading long text:

Enjoy!

Barry Tang
Software Design Engineer
Visual Studio Web Tools

 

Posted: Friday, March 09, 2007 1:03 AM by WebDevTools

Comments

PeteL's Blog said:

Up until now, we've never had a great set of JavaScript debugging tools, but "Orcas", the next version

# March 13, 2007 9:20 PM

tshao said:

so exciting!

# March 14, 2007 12:57 AM

Mohamed A. Meligy said:

This is off topic but....

How come you got that to work on Windows Vista??

I mean, it doesn't install on mine, the download page says Vista is not supported, and Soma confirmed that (said it's because of problem you have with "Red Bits").

And now I see you having it on Vista, any hints on how to have the same.

Hmm... or is that a VPC ?

# March 17, 2007 12:32 AM

Mohamed A. Meligy said:

hmm....

Instead of what the official word says, and the exlaination I got from from Soma (which is related to having existing VS 2005 I guess), I got it to work on Vista just by installing Expression Web Designer!!!!

Howver, this only applies to my case, there're other different cases on channel9 and msdn forums that I'm not sure how they ended as they were facing different varying errors.

(Yeah, I know. At the end of the day, it's all CTP stuf.)

Sorry for bothering you.

# March 17, 2007 5:55 AM

WebDevTools said:

Hi Mohamed,

We do test our Orcas builds internally on Windows Vista.  The issue with "red bits" that you mentioned is that it is not possible currently with the March CTP to install the correct version of the framework in a public signed release.  We have ways to workaround that internally but do not recommend that to customers.  This issue is being fixed before Orcas Beta1.

Hope this helps clarify.

-- Bash

# March 17, 2007 10:29 AM

Shreeman said:

You can even debug in present version and use the script explore.I ve used it ,also i used the script debugger in earlier days.The only gotcha i found was i can't  step intot he websvc code from the java script although i attached the w3wp .i am not sure if it is a problem in my config or in general.if general can we get the debugger support for this in orcas?what do you say?

# April 20, 2007 7:35 PM

ScottGu's Blog said:

In February I did a blog post called My "First Look at Orcas" Presentation . It provided a good summary

# April 24, 2007 3:25 AM

BusinessRx Reading List said:

In February I did a blog post called My "First Look at Orcas" Presentation . It provided a good summary

# April 24, 2007 5:01 AM

ASP.NET said:

In February I did a blog post called My "First Look at Orcas" Presentation . It provided a good summary

# April 24, 2007 5:37 AM

Donald said:

So whats new with this ? u have been able to debugg javascript since visualstudio 6 , using the debugger command inside the code

only thing i can see as new is the breakpoints and i bet they do a debugger behind the scenes

# April 24, 2007 7:33 AM

Ivan Mostacero vNext™ said:

Una de las preguntas que siempre me han hecho en las presentaciones que he tenido respecto a Ajax es

# April 24, 2007 9:44 AM

Ivan Mostacero vNext™ said:

Una de las preguntas que siempre me han hecho en las presentaciones que he tenido respecto a Ajax es

# April 24, 2007 9:45 AM

Ivan Mostacero vNext™ said:

Una de las preguntas que siempre me han hecho en las presentaciones que he tenido respecto a Ajax es...

# April 24, 2007 9:59 AM

TheDotNetWay.Net said:

Una de las nuevas funcionalidades que nos ofrecerá la nueva versión de Visual Studio es el soporte Intellisense

# April 25, 2007 9:44 AM

Fish Can Flying! said:

【原文地址】JavascriptIntellisenseinVisualStudio

# April 26, 2007 8:24 AM

Sammy said:

# April 29, 2007 11:50 AM

yichamps said:

JScript Debugging,Visual Web Developer,Orcas

# May 1, 2007 2:36 AM

TrackBack said:

其中一个殷切期盼的特性是Visual Studio Orcas对客户端Javascript Intellisense的支持(这个特性在免费的Visual Web Developer Express版本中也工作)。

# May 8, 2007 1:30 AM

Darryl Burling @ Work said:

Over the last week or so our team has been planning what we will be working on over the next 12 months.

# May 27, 2007 5:53 PM

Martyn Bullerwell's blog said:

Visual Studio 2008 (Codname ORCA) has intorduced a new feature to aid with Web development, official

# June 30, 2007 10:03 AM

Chalalo Land said:

Navegando y navegando, me encontre con este interesante blog, nos habla de como hacer el debugging de

# July 24, 2007 8:52 AM

Your Websites, Our Passion! said:

In a previous post , I described the steps you can take to upgrade your existing ASP.NET AJAX 1.0-based

# July 30, 2007 12:07 AM

Noticias externas said:

In a previous post , I described the steps you can take to upgrade your existing ASP.NET AJAX 1.0-based

# July 30, 2007 12:57 AM

Kirk Allen Evans' Blog said:

I am simply amazed at the JavaScript debugging with Visual Studio 2008. The really cool part is that

# August 10, 2007 12:20 PM

Weliton Junior [MSP] said:

Provavelmente você já deve ter ouvido falar dos gadgets, os aplicativos leves que podem ser vistos,...

# August 24, 2007 10:44 AM

雨過天晴 said:

Using VS 2008 to target ASP.NET AJAX 1.0

# November 2, 2007 8:34 PM

雨過天晴 said:

# November 2, 2007 8:36 PM
New Comments to this post are disabled

posted on 2008-01-15 09:30 ProgrammingBookWorm 阅读(...) 评论(...) 编辑 收藏

导航

统计

公告