Internet Explorer 11 developer toolbar features

Recently Microsoft has launched new developer tool bar with Internet Explorer 11 with some cool features. In this post we are going to learn about the new features of Internet Explorer Developer toolbar. Microsoft has rewritten whole toolbar and now it loaded with bunch of features.

DOM Explorer:

When you launch Internet Explorer Developer toolbar with F12 by default it will load DOM Explorer and this will have all html and style sheet. You can select any element and modify or change style sheet of live site.



You modify the existing HTML on left side of pane and you add/modify the style sheet of selected element on the right side of the pane. There is also find functionality given to find any specific element.

It also provides intellisense for modifying and changing HTML and style sheet.

Console tool:

Second one on left side is console tool where you can have whole history running JavaScript with console.log statement



Here it will show whole errors and exception related to client side code executed for this page.

Debugger tool:

This tool is used for the debugging the your client side code when application running and you can easily debug your code with the help of this tool.

Here you can set your breakpoints just like in your IDE and easily debug loop or any client code.You can also debug the compressed JavaScript here. It’s a great way to debug and find errors.

Network tool:

Network tool is used for the performance measurement for a web page. It will give you a details of any request network involved in your web page loading. It will tell request completion time in mili seconds. Here you can also find amount data and bandwidth being transferred when your web page loads.

The UI Responsiveness tool:

Next is UI responsiveness tool where you can find if your web page is running slow then what happened which part is consumed more CPU .It will help you identify different source CPU utilization which causes your web page to load slowly in browser.


With help of this tool you can optimize your web pages performance via changing part/code which causes more CPU Utilization.

Profiler tool:

Profiler tool is used for measuring JavaScript performance. It will show you number of function called during profiling session. From here you can isolate JavaScript which makes your web page slow.

Memory tool:

With the help of this Memory tool you can easily find the memory leak issues of your web page. The memory tool track memory usage of web page and help you identify where more memory is consumed and where memory leak is happening.



Here is also allows you to take heap snapshot at regular interval and then can analyse via clicking on it.



With the help of this you can easily identify memory leaks in your code.

Emulation tool:

The emulation tools help you testing your web page on different screen size and hardware's. You can easily emulate different screen size and emulations.



That’s it. All this awesome features which is provided by developer tool for internet explorer 11. It will definitely going to make your life very easy. Highly recommend this.

Stay tuned for more.. 

CodeProject

Continue Reading

Internet explorer 10 for windows 7- What’s new

Recently before some time Scott Hanselman just announced Internet Explorer 10 for windows 7. Today it’s launch and I have just downloaded the and installed it. I thought you it would be  a great idea to write a blog post about this.

Download Internet explorer 10 for windows 7:

The first question comes to your mind that from where we can download internet explorer 10. Following is a link for that from where you can download the IE 10 for windows 7.

http://windows.microsoft.com/en-us/internet-explorer/downloads/ie-10/worldwide-languages

Installation went very smooth You just need to restart the computer once IE 10 completely installed.

Continue Reading

What’s new in Internet Explorer 9?

Microsoft has recently launched the Microsoft Internet Explorer 9 and I have just installed it on it in my machine and I am quite amazed with the features its providing so I thought its worth to right a blog post about it.

The first and foremost thing you will notice about IE9 is a new slick interface. It has very nice user interface with address bar and tab are both on the same line. You can also enable old view like IE via right click->Show tabs on a separate Row. Like following.



You can change tab via like following.



and You can achieve same look like IE8 like following.



Additionally clicking on the new tab it will present you a layout where you can see the most visited sites with the popular list popular stuff.



Another use full feature will search enhancement where you can directly find the things with Bing search engine in your address bar just like below.



You can turn off search suggestions via clicking on Turn off Suggestions. Also you can pin sites in IE9 just like you can pin the other things in windows 7. There are still lots of more features are there you can see all from the following sites.

http://msdn.microsoft.com/en-us/library/ff974378(v=vs.85).aspx
http://www.beautyoftheweb.com/

Continue Reading