Best Developer and Debugging 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 (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 (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 (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 (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 (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 (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 (for Firefox)
Firecookie is an extension for Firebug that makes possible to view and manage cookies in your browser.Launch
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 (for Firefox)
a Firebug extension for jQuery development. jQuery expressions are intelligently presented in Firebug Console and DOM inspector. Launch
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 (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 (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 (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 (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 (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 (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 (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 (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
No comments:
Post a Comment