The Interestingly new IE 11– F12 Developer Tool Bar

July 3, 2013 .NET, F12 Developer Tools, IE11, Internet Explorer, KnowledgeBase, Microsoft, Visual Studio 2013, VisualStudio, VS2012, Windows, Windows 8, Windows 8.1 No comments

With the release of Windows 8.1 Preview – Microsoft has released the Internet Explorer 11 (PREVIEW) which includes a new developer tools for Windows.

How to open Developer Tool in IE11? After opening IE11 – press F12 key – this invoke developer tool bar in IE.

F12 Developer Tool bar was existing since the earlier version of Internet Explorer, but with IE11 – Microsoft has revamped the entire feeling and introduced new set of features for developers as well.

There are mainly eight tools now, as tabs in the F12 tools interface. Which includes the following:

1. DOM Explorer Tool

[Quoting from: MSDN]

The The DOM Explorer tool shows the structure of your webpage as it’s being rendered in the browser and makes it possible to edit your HTML and styles in a live page. You can do this without having to edit and reload your sources, so you can quickly solve display issues or experiment with new ideas.

New features in the DOM Explorer tool include:

  • IntelliSense autocompletion suggestions when editing HTML attributes and CSS properties.
  • Drag DOM nodes to rearrange them.

Learn more about the DOM Explorer tool.

2. The Console Tool

[Quoting from: MSDN]

The Console tool provides a way to interact with your running code, sending info in with the Console’s command line and getting info out using the Console Debugging API. The Console tool is considered to be so useful by developers, we’ve made it easier to get to. You can now open it at the bottom of any other tool using the Console button in the upper-right of the UI, next to the Help button or CTRL + `.

New features in the Console tool include:

  • Open the Console at the bottom of any other tool with the Console button or CTRL + `.
  • New Console Debugging API methods for timing, counting, grouping, and more.
  • IntelliSense autocompletion suggestions on the command line speed up input, reduce typos, and help you discover aspects of JavaScript APIs.

Learn more about the Console tool.

3. The debugger tool

[Quoting from: MSDN]

You use the Debugger tool to examine what your code is doing, when it’s doing it, and how it’s doing it. Pause code in mid-execution, step through it line-by-line, and watch the state of variables and objects at each step.

New features in the Debugger tool include:

  • No-refresh debugging. Set your breakpoints and go without reloading and losing state.
  • Tabbed document interface for easier management of multiple scripts.
  • Scrollbar that highlights breakpoints and search matches.

Learn more about the Debugger tool.

4. The Network Tool

The Network tool gives you the fine details of any network requests involved in the loading and operation of your webpages.

New features in the Network tool include:

  • Improved request timing info.
  • Improved capture of compression info.

Learn more about the Network tool.

5. The UI Responsiveness Tool (NEW)

[Quoting from: MSDN]

The UI Responsiveness tool, which helps tune your pages for performance

[Image Courtesy: MSDN, Microsoft]

The UI responsiveness tool helps you dig into what is happening when your page slows down. Using it to profile specific points of slowness shows the operations that are causing them.

The UI responsiveness tool is new to F12 tools in IE11 Preview. Some interesting features are:

  • Identifying the different sources of CPU activity causing UI slowness.
  • Insight into your webpage’s frame rate.
  • Setting labels on the timeline to isolate user scenarios.

Development and debugging tasks it makes easier:

  • Testing code optimizations.
  • Speeding up your webpages.

Learn more about the UI responsiveness tool.

6. The Profiler Tool

[Quoting from: MSDN]

The Profiler tool is pure JavaScript speed measurement, showing you the functions that were called during a profiling session, how many times they were called, and how long they took to complete.

New features in the Profiler tool include:

  • Tracking which functions were executed in web workers.
  • Cleaner, more responsive UI.

Learn more about the Profiler tool.

7. The Memory Tool (NEW)

[Quoting from: MSDN]

Memory Tool, which helps you track memory use over time to catch leaks that can slow or destabilize your pages

[Image Courtesy: MSDN, Microsoft]

The Memory tool is new to F12 tools in IE11 Preview. Some interesting features are:

  • A timeline to see progressive changes in memory use.
  • Snapshots to examine the details of memory use at specific points.
  • Snapshot comparisons to identify specific points of growth.

Development and debugging tasks it makes easier:

  • Identifying detached DOM nodes.
  • Identifying points of memory growth.
  • Measuring the memory use of objects.

Learn more about the Memory tool.  [Ref: MSDN]

8. The Emulator Tool (NEW)

[Quoting from: MSDN]

The Emulation tool helps you test how your webpages run on different screen sizes and hardware features, and how they respond to different user agent strings.

The Emulation tool is new to F12 tools in IE11 Preview. Some interesting features are:

  • You can emulate different screen sizes and resolutions.
  • GPS simulation.

Development and debugging tasks it makes easier:

  • Testing responsive designs on multiple screen types.
  • Testing location-aware features for a mobile site.

Learn more about the Emulation tool.


Google.com – mobile web  ( Emulating IE-Mobile 10 in IE11)


It is really interesting how Microsoft visualized the needs of any web developer and made these tools for us.

See more from following links:

What’s new in F12 developer tools

New console API methods

Using the F12 developer tools

Courtesy: MSDN

Visual Studio 2012 Update 3–Released

June 26, 2013 .NET, .NET Framework, .NET Framework 4.5, ASP.NET, ASP.NET 4.5, Microsoft, Microsoft SDKs, Updates, Visual Studio SDK, VisualStudio, VS2012, Windows, Windows 7, Windows 8, Windows 8 apps development, Windows Phone, Windows Phone 8.0 SDK, Windows Phone Development, Windows Phone SDK, Windows Phone Store, Windows Store, Windows Store Development 1 comment

Microsoft has released the final of Visual Studio 2012 Update 3.  This update is the latest in a cumulative series of feature additions and bug fixes for Visual Studio 2012.

DOWNLOAD: Visual Studio 2012 Update 3 (Online Installer)

Also you can download the ISO image directly (Offline Installer – 2.08GB)

Additional Packages:

Visual Studio Team Foundation Server Express 2012 with Update 3

Agents for Visual Studio 2012 Update 3 Language Pack

Team Explorer Everywhere for Team Foundation Server

Agents for Visual Studio 2012 Update 3

Visual Studio Team Foundation Server 2012 with Update 3

Typescript for Visual Studio 2012–v0.90

June 19, 2013 .NET, JavaScript, Microsoft, TypeScript, VisualStudio, VS2012 No comments


Microsoft has released the latest update for TypeScript for Visual Studio 2012.

You can download it from: here

Windows Phone Toolkit–June 2013–Release – v4.2013.06.11

June 13, 2013 .NET, .NET Framework, Microsoft, ToolKits, Updates, VisualStudio, VS2010, VS2012, Windows Phone, Windows Phone 7.1 SDK, Windows Phone 7.5, Windows Phone 7.8, Windows Phone 8, Windows Phone 8.0 SDK, Windows Phone Development, Windows Phone SDK, Windows Phone Store, Windows Phone Toolkit No comments

Windows Phone team has released the latest update(v 4.2013.06.11) for Windows Phone Toolkit available through NuGet.

Get it as an NuGet package:  https://nuget.org/packages/WPtoolkit/4.2013.06.11

Find what’s new in Release Notes: https://phone.codeplex.com/releases/view/106971

Windows Azure SDK for .NET–Version 2.0 (for Visual Studio 2010 SP1/2012)

April 30, 2013 .NET, .NET Framework, AppFabric, Azure, Azure SDK, Azure Tools, Cloud Computing, Cloud Services, KnowledgeBase, Media Services, Microsoft, Microsoft SDKs, Mobile Services, SQL Azure, VisualStudio, VS2010, VS2012, Windows, Windows Azure, Windows Azure Development, Windows Azure Training Kit, Windowz Azure No comments

Latest version of Windows Azure SDK for .NET – Version 2.0 released by Microsoft.

DOWNLOAD: Windows Azure SDK for .NET 2.0 (Offline Installer)

Recommended: Instead of manually downloading the files from above link, it is recommended you use the automated one-click install provided by the Web Platform Installer x64 or x86.

Click on the appropriate install link below based on your version of Visual Studio:

DOWNLOAD:  Windows Azure Training Kit – April 2013

Microsoft Enterprise Library 6–Released

April 28, 2013 .NET, .NET Framework, .NET Framework 4.5, ASP.NET, ASP.NET 4.5, C#.NET, Enterprise Library, KnowledgeBase, Microsoft, Microsoft SDKs, Patterns&Practices, VisualStudio, VS2010, VS2012 No comments

Microsoft has released the version 6.0 of their Microsoft Enterprise Library collection. Microsoft Enterprise Library is a collection of reusable components to meet your needs in developing enterprise applications using .NET technologies.

Quoting from Microsoft
Microsoft Enterprise Library is a collection of reusable application blocks designed to assist software developers with common enterprise development challenges. This release includes: Data Access Block, Exception Handling Block, Logging Block, Policy Injection Block, Semantic Logging Block, Transient Fault Handling Block, Validation Block, and Unity.

This major release of Enterprise Library contains many compelling new features and updates that will make developers and IT professionals more productive. Two new application blocks are:

  • Semantic Logging Application Block
  • Transient Fault Handling Application Block (this application block was previously a part of the Enterprise Library Integration Pack for Windows Azure; in this release it has been generalized and updated to the latest technologies)

Other major new features include:

  • New programmatic configuration that doesn’t require a container
  • AsynchronousTraceListenerWrapper for the Logging Application Block, which enables existing listeners to write messages asynchronously
  • JSON formatter for the Logging Application Block.

New Unity Application Block includes many improvements:

  • Registration by convention
  • Support for NetCore (Windows Store apps)
  • Resolving objects of type Lazy<T>
  • The Unity assembly is now Security Transparent
  • Support for ASP.NET MVC and ASP.NET Web API

The detailed list of all changes is included in the Release Notes.

DOWNLOAD Microsoft Enterprise Library v6.0 Binaries

This download contains the following packages:

EnterpriseLibrary6-binaries.exe 1.0 MB  DOWNLOAD

EnterpriseLibrary6-source.exe 7.5 MB   DOWNLOAD

Microsoft.Practices.EnterpriseLibrary.ConfigConsoleV6.vsix  726 KB   DOWNLOAD   ( Visual Studio plugin extension)

SemanticLogging-service.exe 1.0 MB   DOWNLOAD