HTML5 Programming—Developer Tools In Browsers Part 2
In part, one we have seen two main browsers, which are supporting the HTML5 developer and providing useful tools and they were Safari and Firefox. Now, continue with it, we will explore the next browsers of the new generation in this part.
Google’s brainchild Chrome has short history but fast ascent in the browser market. It is offering good tools for web developers and particularly HTML 5 developers since it is the first browser, which has initiated HTML5 support. In Chrome, you can select any element and can right-click to obtain the Inspect Element access that is nothing but the developer console. It is looking akin to Safari as both browsers are using Webkit.
In bottom of the browser, you can find the first navigation column where you can access the local storage, JavaScript console and many other tools. Mid-column is consisting code and right one CSS elements and style-sheets. In this window, you can inspect all elements of the page including HTML 5 and CSS and can see the direct effect of the changes on the current page loaded in your browser catch. You can clear the local storage using Resources console simply by selecting the individual elements in storage and deleting them through X button of the window.
The same theme and look found in Opera and you can choose inspect elements through right-click on the selected elements in the Opera browser. It is again giving same functionality as the Chrome. If you want to delete the local storage or add something, you can use it same as Chrome during your HTML5 website development or HTML5 mobile application development and can do by selecting those items and removing it from window.
In case of IE you have to have at least IE 9 or higher version to use Developer Tool Bar. You have to download it and install on your local machine or you have to download a different tool set. Once you install this tool press F12 to use this tool or go to Tools menu and select F12 developer tools during your HTML5 web development or HTML5 web application development.
Conclusion :-
Most of the modern browsers are supporting HTML5 and offer good HTML5 developer tools to work in the browser itself. You can use these developer tools in different ways in different browsers.