Firefox Developer Tools

Welcome to your new favorite browser. Get the latest features, fast performance, and the development tools you need to build for the open web. All the latest developer tools in beta, plus experimental features like the multi-line console editor and WebSocket inspector. A separate profile and path so you can easily run it alongside release or beta Firefox. Preferences tailored for web developers, browser and remote debugging are enabled by default, as are the dark theme and developer toolbar button. Firefox DevTools now grays out CSS declarations that don’t have an effect on the page. When you hover over the info icon, you’ll see a useful message about why the CSS is not being applied, including a hint about how to fix the problem. The new Firefox DevTools are powerful, flexible, and best of all, hackable. This includes a best-in-class JavaScript debugger, which can target multiple browsers and is built in React and Redux.

weinre is WEb INspector REmote. Pronounced like the word "winery". Or maybe like the word "weiner". weinre is a debugger for web pages, like FireBug (for Firefox) and web inspector (for WebKit-based browsers), except it's designed to work remotely, and in particular, to allow you to debug web pages on a mobile device such as a phone. weinre was built in an age when there were no remote debuggers available for mobile devices. Since then, some platforms are starting to provide remote debugger capabilities, as part of their platform toolset. weinre reuses the user interface code from the web inspector project at WebKit, so if you've used Safari's web inspector or Chrome's Developer Tools, weinre will be very familiar. In normal usage, you will be running the client application in a browser on your desktop/laptop, and running a target web page on your mobile device. weinre does not make use of any 'native' code in the browser, it's all plain old boring JavaScript.