Firebug - Web Development Evolved Firebug integrates with Firefox to put a wealth of web development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page. Just the way you like it Firebug is always just a keystroke away, but it never gets in your way. You can open Firebug in a separate window, or as a bar at the bottom of your browser. Firebug also gives you fine-grained control over which websites you want to enable it for. Inspect and edit HTML Firebug makes it simple to find HTML elements buried deep in the page. Once you've found what you're looking for, Firebug gives you a wealth of information, and lets you edit the HTML live. Tweak CSS to perfection Firebug's CSS tabs tell you everything you need to know about the styles in your web pages, and if you don't like what it's telling you, you can make changes and see them take effect instantly. Visualize CSS metrics When your CSS boxes aren't lining up correctly it can be difficult to understand why. Let Firebug be your eyes and it will measure and illustrate all the offsets, margins, borders, padding, and sizes for you. |
|
IE WebDeveloper - Firebug for Internet ExplorerThe simplest way to understand what’s IE WebDeveloper is to think of it as a Firebug for Internet Explorer. IE WebDeveloper allows you to check, inspect and edit your HTML DOM, display error messages, log messages, show the website source codes, monitoring DHTML event and HTTP traffic. In short, it’s a web designer and developer’s best friend. IE WebDeveloper is an add-on for Microsoft Internet Explorer. The rich web debugging toolset allows you to inspect and edit the live HTML DOM and current cascaded styles, evaluate expressions and display error messages, log messages, explore source code of webpage and monitor DHTML Event and HTTP Traffic. Integrated Web Debugging Tools - Webpage Inspector-View, traverse, and even dynamically update that HTML DOM and Current Style directly in the browser window. Analyze the web pages you are interested in and learn their tricks.
- Script Console-Use the JavaScript console to evaluate expressions, display error messages and locate the source code which causes the error.
- Logging for web pages, you can log messages from JavaScript in your web page directly to script console. which can be used on same interface as Firebug (console.log, console.debug, and so on...)
- Source Explorer-View and explore all HTML, CSS and JavaScript source code of the current webpage. It gives you a centralized view of the functions, variables used in JavaScript source code.
- Event Log-Use the event log console to record the triggered event of WebBrowser, HTMLDocument, HTMLWindow and selected HTML Element.
- HTTP Monitor-The lite edition of our IE HTTP Analyzer allow you to monitor HTTP/HTTPS traffic, know exactly what and when are sent and received from web application.
|
|
|