IE 10 Preview and the Developer

Hey you, meet IE 10 preview!

1

As the news goes, IE 10 preview is now available for download and install (http://ie.microsoft.com/testdrive/) and in the following screen caps we will install IE10 preview and use it on as a secondary browser debugging on Visual Studio 2010.

2

So just download and install.

3456

After downloading just run the installer and follow the wizard:

789

And there you have it, if you want to browse to another site, just click page and then open.

1011

That action Page-Open, will be a very useful action for us because we can actually use this as an additional browser to test our Web Apps in Visual Studio.

I have a few custom web apps some of them runs in Cassini (Mini web server of visual studio) and some running full on IIS. I cant show you though but I can show you a sample, as I needed to test if this can actually be used and can the Visual Studio debugger can catch our actions inside IE10 preview.

Test A: Using Cassini

Run the Project and look for the local address, mine is dynamically created port so I look for the Icon on my task bar, double click it and you will see the Root URL in this window. Copy it.

image

On the IE 10 Preview, click Page and Open then page to the URL:

g

Tested my button and it now debugs too.

f

Test B: Using IIS.

I also hosted this sample site on my Local IIS (but on .net 4.0):

image

So I just stopped debugging and on Visual Studio I go to Tools then Attach to process:

b

I choose the w3wp (WWW worker process) and then click attach. Make sure you have enabled to Show All process in all sessions. Another pre requisites by the way is that you must be an admin of the local machine and you started Visual Studio as an Administrator.

 

d

Click attach to the prompt.

e

And then browse to the address specified by using, yes Page then Open.

Now back to work, let me check if my web apps works on IE9 and IE10 and to other browser modes.

So John, why do all of these just to use IE10 Preview in Visual Studio"

 

 

Well, because of the tools inside the preview young padawan. Remember the days when we have to download VM’s just to test multiple browser versions? Remember the link: http://www.microsoft.com/download/en/details.aspx?displaylang=en&id=11575 ?

image 

Want to download VPC for each IE?

image

image

But with with IE 10 Preview you will have these:

image

Yes you can force your web app in any document mode you need it. So much for downloading GB of VPC and installing it.

With a simple ALT +5 you are on Forced in IE5 or to IE9 ALT + 9.

But wait, theres more! Ctrl + Alt + 0 resets your preview.

Better than switching back and fourth with Virtual PC’s huh!

 

So, happy previewing!

Advertisements

Published by

johndelizo

John is currently creating digital assets that protects people and their future, a technical trainer and a full time geek specializing on development and deployment of innovations created with .NET framework on Windows platform as well as Windows infrastructure projects. He is the primary contact of the Philippine Windows Users Group, a contributor at the Microsoft Philippines Community forums and regularly conducts community sessions as well as other Microsoft technology events. John owns the Busy Saving The World Techblog.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s