With this setting checked, the Page Inspector Rules view will also provide links to the original sources. Learn more about Style Editor support for CSS source maps. When a CSS preprocessor supporting source maps is used, this enables the Style Editor to display the original, preprocessor, sources rather than the generated CSS. This setting only exists in Firefox Nightly. Enable new debugger frontendĮnable the new debugger. Debugger ¶ Enable Source MapsĮnable source map support in the debugger. The Web Console defaults to hiding timestamps. Web Console ¶ Enable timestampsĬontrols whether the Web Console displays timestamps. There’s just one of these: Enable persistent logsĪ setting to control whether or not the Web Console and Network Monitor clear their output when you navigate to a new page.Įnable the experimental layout panel. Settings that apply to more than one tool. There’s a light theme, which is the default:Ī dark theme (the default on Firefox Developer Edition): This enables you to choose one of two themes. The “Select element” button is now always shown. Note that in Firefox 52 we removed the checkbox to toggle the “Select element” button. This group of checkboxes determines which tools get an icon in the Toolbox’s toolbar.Īs of Firefox 62, if the option to “Select an iframe as the currently targeted document” is checked, the icon will appear in the toolbar while the Settings tab is displayed, even if the current page doesn’t include any iframes. New tools are often included in Firefox but not enabled by default. This group of checkboxes determines which tools are enabled in the toolbox. The Settings pane looks something like this: Categories ¶ Default Firefox Developer Tools ¶ Or press F1 to toggle between the active tool and the Settings pane To see the settings, open any of the Developer Tools, and then:Ĭlick the “Settings” command in the menu: The rest of the settings are on the Developer Tools Settings Pane. It makes visible the command line and one or two lines of the console output. Show split console adds a section at the bottom of the tools showing the console. You can also choose to open the tools in a separate window. These settings are particularly useful if you have a widescreen monitor. You can choose between the default setting at the bottom of the windows, or move the tools to the left or right side of the screen. The menu includes settings to control the location of the Developer Tools. Turning on Firefox tests for a new configurationīeginning with Firefox 62, the icon to open Developer Tools settings has been moved into a menu accessed by clicking/touching … (the ellipsis) on the right of the tab.Getting Set Up To Work On The Firefox Codebase.
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |