This extension requires Firebug and the O-Minds Flash package.įireFile: Firebug extension to save the CSS files edited with firebug live to your web server. Flash files are no longer the closed components they used to be. Edit properties and inspect elements like you do to HTML.
#Firefox firebug java script debugger code
Inline Code Finder for Firebug is an add-on to Firebug, to be able to find HTML elements with any of the below issues:įlashFirebug: Debug your own SWF files inside the browser. jQuerify: enables you to inject jQuery into any page.elements in jQuery collections are highlighted on hover.attached jQuery data are first class citizens.jQuery expressions are intelligently presented in Firebug Console and DOM inspector.YSlow - YSlow analyzes web pages and tells you why they're slow based on Yahoo's rules for high performance web sites.įirefinder - Finds HTML elements matching chosen CSS selector(s) or XPath expression.įireQuery is a collection of Firebug enhancements for jQuery. There's also CodeBurner for Firefox, a standalone version of the original CodeBurner for Firebug, but with an independent interface, and more dedicated search tools. There's a FirePHP plugin for Moodle in the works.įireRainbow (formerly Rainbow for Firebug) - Provides JavaScript syntax highlighting for Firebug 1.3.ĬodeBurner - A Firefox add-on that integrates with Firebug, to extend it with reference material for CSS, HTML, and JavaScript from SitePoint. Caution should be used when installing experimental add-ons, as they have not been tested by an editor and may harm your computer configuration.įirePHP enables you to log to your Firebug Console using a simple PHP method call. Note: Some of these enhancements are experimental. Mehr Power für Firebug is an article written in German, but you can just follow the links to the Firefox add-on page.See the complete list of Firebug related add-ons on the Mozilla website.Firebug Swarm - recommended enhancements for Firebug.There are some enhancements to make Firebug even more powerful. Introduction to Debugging AJAX Application with Firebug on YouTube.This shows the raw data but you should also have a JSON and/or HTML tab which will allow you to see it properly formatted. To see the response data from the server, expand the line for that request using the + icon on the left, then click on the response tab. Now, anything that happens will show up in Firebug.
To watch the XMLHTTPrequests, enable firebug, click on the Net tab and enable that too, then click on the XHR button. This will make firebug show you the response in a lot more detail than if you just echoed the data as XML fragments. The most efficient way to do this is to use JSON for the response, rather than XML (fewer characters used to represent stuff, so faster to download) and to do so using PHP's native json_encode() function. To make the most of this, it's important to make sure that the data being sent by the server is properly encoded and has the right headers. This is pretty handy if you find that the requests are failing for no reason you can discern. Once installed, Firebug can show you the XMLHTTPrequests that happen in the background as AJAXy things occur and also what data is returned. And for those of us who prefer viewing to reading, there's a bunch of tutorial videos on YouTube.Firebug Tutorial - Logging, Profiling and CommandLine (Part 1).The commonly named "JavaScript console" menu item in Google Chrome.IE 8 comes with its own development tools.The Internet Explorer Developer Toolbar for Microsoft IE.The add-on will only work in Firefox, but there is also a JavaScript based Firebug Lite version for use with Internet Explorer (IE), Opera, and Safari.Īlternatives with similar functionality for other Web browsers:
You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page. Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. 2.1 Alternatives with similar functionality for other Web browsers:įirebug is an add-on for the Firefox web browser.
0 kommentar(er)
