Saturday, October 6, 2012

Best Developers and Debugging Tools

Best Developer and Debugging Tools

Google Chrome Developer Tools

Google Chrome Developer Tools (for Google Chrome)

Chrome Developer Tools is heavily based on the WebKit Web Inspector, a part of the open source WebKit project. It has taken the most popular and useful properties from the Webkit Web Inspector. It comes pre-installed in the Chrome browser. For Chrome, it's the best general-purpose tool for development and debugging purposes.Launch
Fiddler

Fiddler (for IE, Chrome, Firefox, Safari and Opera)

Fiddler is a Web Debugging Proxy which logs all HTTP(S) traffic between your computer and the Internet. Fiddler allows you to inspect traffic, set breakpoints, and "fiddle" with incoming or outgoing data. Fiddler includes a powerful event-based scripting subsystem, and can be extended using any .NET language.Launch
Google Page Speed Insights

Google Page Speed Insights (for Google Chrome)

The PageSpeed Insights browser extensions, available for Chrome and Firefox, allow you to evaluate the performance of your web pages and to get suggestions on how to improve them.Launch
Companion.Js

Companion.Js (for IE6 and IE7)

Companion.JS is an IE debugger that has detailed JavaScript error reporting, firebug like console, a JavaScript console useful for inspecting JavaScript objects at runtime, and a toolbar icon to open the Companion.JS panel.Launch
Dragonfly

Dragonfly (for Opera)

Opera's Dragonfly is a fully-featured debugging environment for Opera Presto-based products that contains all the tools you need to make your life easier when developing web sites and applications.Launch
Firebug

Firebug (for Firefox)

Firebug integrates with Firefox to allow the debugging, editing, and monitoring of any website's CSS, HTML, DOM, and JavaScript. Plus, it provides many other web development tools. It has one of most advanced JavaScript debuggers available for any browser. Firebug is a free and open source software.Launch
Firebug Lite

Firebug Lite (for Chrome, IE, Safari 5.1, Safari 5.0, Opera 11.5, Opera 11.6, Opera 11.1)

Firebug Lite is not a substitute for Firebug, or Chrome Developer Tools. It is a tool to be used in conjunction with these tools. Firebug Lite provides the rich visual representation we are used to see in Firebug when it comes to HTML elements, DOM elements, and Box Model shading. It provides also some cool features like inspecting HTML elemements with your mouse, and live editing CSS properties.Launch
Firecookie

Firecookie (for Firefox)

Firecookie is an extension for Firebug that makes possible to view and manage cookies in your browser.Launch
Firephp

Firephp (for Firefox)

FirePHP enables you to log onto your Firebug Console using a simple PHP method call. FirePHP is ideally suited for AJAX development where clean JSON or XML responses are required. Launch
Firequery

Firequery (for Firefox)

a Firebug extension for jQuery development. jQuery expressions are intelligently presented in Firebug Console and DOM inspector. Launch
Flashbug

Flashbug (for Firefox)

Flashbug is a firebug extension for Flash in Firefox. It provides extensive Flash debugging add-ons (SWF resources, AMF data, shared objects, traces, policy log).Launch
IE Developer Toolbar

IE Developer Toolbar (for IE6 and IE7)

IE Developer Toolbar, or IE DevBar, is an add-on for Internet Explorer 6 and Internet Explorer 7 that aims to aid in design and debugging of web pages. Internet Explorer 8 has the IE Developer Toolbar built-in, instead of a separate product, which is known as Developer Tools rather than Developer Toolbar.Launch
IE Developer Tools

IE Developer Tools (for IE8 and IE9)

IE8 and IE9 include tools that web developers need to efficiently debug their sites directly in Internet Explorer. Developers can debug a site's HTML, CSS, and Microsoft® JavaScript from within Internet Explorer 8 (with developer tools), rather than switch between Internet Explorer and a separate development environment.Launch
Measureit

Measureit (for Firefox, Google Chrome and Safari)

A must-have simple extension for any designer. It lets you draw a ruler across any webpage to check the width, height, or alignment of page elements in pixels.Launch
Microsoft Script Debugger

Microsoft Script Debugger (for IE6 and IE7)

The Microsoft Script Debugger is a debugging environment that extends any Microsoft ActiveX® Scripting host application—for example, Microsoft Internet Explorer (IE) or Microsoft Internet Information Server (IIS).Launch
Omeasure

Omeasure (for Opera latest Versions)

A simple measuring tool for web designers and developers using Opera. It lets you draw a ruler across any webpage to check the width, height or alignment of page elements in pixels.Launch
Pendule

Pendule (for Google Chrome)

Pendule is an extended web developer tool for Chrome. It replicates some of the Firebug functionalities and is especially useful in its ability to switch off images and CSS. So this is another must-have tool for any web designer using Chrome.Launch
Web Developer

Web Developer (for Google Chrome and Firefox)

The Web Developer extension adds a toolbar button to the browser with various web developer tools. This is the official port of the Web Developer extension for Firefox But this availabke for Google Chrome also, and will run on any platform that these browsers support, including Windows, Mac OS X and Linux.Launch
Yslow

Yslow (for Firefox, Google Chrome, Safari and Opera)

YSlow analyzes web pages and suggests ways to improve their performance based on a set of rules for high performance web pages. YSlow grades web page based on one of three predefined ruleset or a user-defined ruleset. It offers suggestions for improving the page's performance, summarizes the page's components, displays statistics about the page.Launch
Safari Web Developer

Safari Web Developer (for Google Chrome and Firefox)

Apple has brought its expertise in OS X and iOS development tools to the web. Safari includes a powerful set of tools that make it easy to modify, debug, and optimize a website for peak performance and compatibility. And in Safari 6, the Web Inspector has a streamlined new design that speeds up common development tasks. To access these tools, enable the Develop menu in Safari’s Advanced preferences.Launch

No comments:

Post a Comment