Browser Tools

This section will have the links of browser tools where you can check your output directly on the browser rather than installing the software. We will provide the links where you can directly go and check your output like RegEx validations, JavaScript, css style etc.

There are the browser tools for the Developers which can be used by the Web Developers and web Designers to improve their websites.

Tools for WebDevelopers:

1. Firebug: This is the tool to inspect, edit and debug the wesbite code in the browser window. This tool inspect the code which is HTML or CSS and based on it, we can check the changes in the behaviour of the application pages.

The developer can also inspect the elements and add the behavour to the controls like by adding or removing the attributes on the fly when the website is running.

Link for firebug: https://getfirebug.com/downloads

2. HTML Entity Character Lookup:HTML Entity Character Lookup helps you ensure all the characters on your page are validated.Using HTML entities is essential to ensure all the characters on your page are validated. However, often finding the right entity code requires scanning through 250 rows of characters. It's also available as a widget on the Mac Dashboard.

3. Adobe Edge Inspect:Adobe Edge Inspect is a modern alternative to Flash for mobile developers.

This relatively new platform from Adobe gives developers a viable way to build interactive websites in the post-Flash era. With the aid of this tool, you can create mobile-ready and responsive apps and content using CSS and HTML that targets modern mobile and PC browsers.

4. prefix-free:-prefix-free helps you break free from CSS prefix hell.

This cool tool from Lea Verou lets you use unprefixed CSS properties. It essentially works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed.