![]() In the Firefox DevTools you can also inspect the objects. Inspect object properties ¶īy clicking on an object logged within the console you can inspect the object’s properties and methods within the DOM panel. The command history available through a button in Firebug’s command line, is available by pressing ↑/ ↓ within the DevTools command line. This functionality is already integrated into the DevTools using the ChromeLogger protocol and doesn’t require any extensions to be installed. ![]() Server logs ¶įirebug extensions like FirePHP allow to log server-side messages to the Firebug console. In the DevTools this option is called Enable persistent logs and is available within the Toolbox Options panel. In Firebug you can click the Persist button within the toolbar to keep the logged messages between page navigations and reloads. The Developer Tools share the same API, so your console.* statements will continue to work. To log things to the console from within the web page Firebug makes a Console API available within the page. The Developer Tools command line has some functions in common, but also has some other functions and misses others. The Command Line API in Firebug provides some special functions for your convenience. The Developer Tools console offers similar functionality via the filter buttons inside its toolbar - centralized at one place. Filter log messages ¶įirebug offers two ways to filter log messages, via the options menu and via the filter buttons within the toolbar. The display between both is somewhat different. It shows log information associated with a web page and allows you to execute JavaScript expressions via its command line. The Web Console is the equivalent of Firebug’s Console panel. the Network Monitor can be opened via Ctrl + Shift + Q / Cmd + Opt + Q, the Web Console via Ctrl + Shift + K / Cmd + Opt + K and the Debugger via Ctrl + Shift + S / Cmd + Opt + S. The DevTools share the same shortcuts, but also provide shortcuts for the different panels. To open it to inspect an element it is possible to press Ctrl + Shift + C / Cmd + Opt + C. Open the tools ¶įirebug can be opened by pressing F12. When you switch to another tab, though, they’re closed. That means, that when you open the DevTools in a tab, they stay open even when you switch between different websites. The DevTools’ activation on the other hand is tab based. And when you open a page of a different origin in the same tab, it closes automatically. That means that when you open a page on the same origin in a different tab, Firebug gets opened automatically. Download Firefox Developer Edition General ¶ Activation ¶įirebug’s activation is URL based respecting the same origin policy. The following list aims to help Firebug users to find their way into the Developer Tools.įor the latest developer tools and features, try Firefox Developer Edition. ![]() When migrating from Firebug to the Firefox Developer Tools, you may wonder where the features you loved in Firebug are available in the Developer Tools.
0 Comments
Leave a Reply. |