Firebug使用之一--Console Panel
来源:互联网 发布:vb编程百度云 编辑:程序博客网 时间:2024/06/04 13:24
Console Panel
The console panel offers a JavaScript command line, lists all kinds of messages and offers a profiler for JavaScript commands.
Contents
[hide]- 1 Options Menu
- 2 Panel Toolbar
- 2.1 Break On All Errors
- 2.2 Clear
- 2.3 Persist
- 2.4 Profile
- 2.5 Filter buttons
- 3 Command Line
- 3.1 Command Editor
- 3.2 Smart paste
- 4 Console
- 4.1 Click functionality
- 4.2 Profiling
- 5 See also
[edit]Options Menu
This menu is reachable via the little arrow in the panel tab ( ) or by right-clicking on on the panel tab (since Firebug 1.9).
extensions.firebug.console.enableSites
Enables the Console PanelDisabledextensions.firebug.console.enableSites
Disables the Console PanelShow JavaScript Errorsextensions.firebug.showJSErrors
Toggles logging of JavaScript error messages into the consoleShow JavaScript Warningsextensions.firebug.showJSWarnings
Toggles logging of JavaScript warning messages into the consoleShow CSS Errorsextensions.firebug.showCSSErrors
Toggles logging of CSS error messages into the consoleShow XML/HTML Errorsextensions.firebug.showXMLErrors
Toggles logging of XML and HTML error messages into the consoleShow XMLHttpRequestsextensions.firebug.showXMLHttpRequests
Toggles logging of XMLHttpRequests into the console; see the Net Panel for more infoShow Chrome Errorsextensions.firebug.showChromeErrors
Toggles logging of program and add-on internal error messages into the consoleShow Chrome Messagesextensions.firebug.showChromeMessages
Toggles logging of program and add-on internal messages into the consoleShow External Errorsextensions.firebug.showExternalErrors
Toggles logging of external error messages into the consoleShow Network Errorsextensions.firebug.showNetworkErrors
Toggles logging of network error messages into the consoleShow Stack Trace With Errorsextensions.firebug.service.showStackTrace
Toggles the inclusion of the stack trace for error messagesShow Cookie Eventsextensions.firebug.cookies.logEvents
Toggles logging of cookie events into the console; see the Cookies Panel for more infoStrict Warnings (performance penalty)javascript.options.strict
Toggles logging of strict warnings into the consoleCommand Editorextensions.firebug.commandEditor
Toggles between the Command Line and the Command EditorShow Completion List Popupextensions.firebug.commandLineShowCompleterPopup
Toggles the auto-completion of commands while typingFor more info about tweaks available in Firebug please see the full list of preferences.
[edit]Panel Toolbar
[edit]Break On All Errors
As with some of the other panels the console panel offers a "Break On ..." feature. In this case it's "Break On All Errors" ( ), which means that as soon as an error occurs the script execution is stopped.
[edit]Clear
Clears the console by removing all messages from the output.
[edit]Persist
This option prevents clearing the console when a page is reloaded. Thus all messages will stay inside the console as long as this option is enabled.
[edit]Profile
Enabling this option lets you profile JavaScript activity. For more info about this feature see the Profiling section.
[edit]Filter buttons
There are different buttons allowing you to filter the display of messages logged to the console:
You can also select multiple filters by holding down Ctrl
/ ⌘
while clicking the filter buttons.
[edit]Command Line
The Command Line is simply used for executing JavaScript commands, but is designed to support people writing code and inspecting objects. For this reason it offers several functionalities. Thereby there are some additional features available inside the Console Panel.
[edit]Command Editor
The Command Editor offers you a bigger text field for entering JavaScript commands consisting of several lines. It has an integrated menu for running the command(s), clearing the text field and copying the contents to the clipboard.
[edit]Smart paste
If you are pasting code into the command line, that consists of several lines, the command editor is automatically opened to keep the line breaks.
[edit]Console
The console offers three different functionalities. It is showing all messages Firefox' error console is showing. Furthermore it is displaying the results of the commands you entered into the command line. Last but not least it has an integrated profiler for JavaScript activities. For a detailed description of console commands see the Console API.
[edit]Click functionality
Console messages offer you different kinds of options you can access via the mouse buttons resp. the mouse wheel. E. g. clicking on the links in an error message or warning jumps directly to the appropriate panel. Right clicking on them gives you the possibility to copy the message to the clipboard or set a breakpoint for the specific error or all errors. XML HTTP requests thereby let you copy the location or response body via the context menu. Clicking on them shows you detailed information about the request. And middle-clicking opens the requested URL in a new tab.
[edit]Profiling
The console also offers functionality to profile JavaScript activity and memory consumption information via two buttons in the Panel Toolbar. For more information please see the Profiler.
[edit]See also
- Command Line API
- Console API
- Firebug使用之一--Console Panel
- FireBug的console使用
- Firebug使用之三--Script Panel
- Firebug使用之四--HTML Panel
- firebug--console
- Firebug中的console tab使用总结
- Firebug中的console tab使用总结
- Firebug中的console tab使用总结 [1]
- Firebug中的console tab使用总结 [2]
- Firebug中的console tab使用总结
- Firebug中的console tab使用总结
- Firebug使用之五--Console API
- Firebug Net Panel Timings
- 使用firebug的console和commandline方便调试
- firebug中的console.log()使用注意的问题
- 使用Firebug的console导致IE提示对象未定义错误
- 在firebug中使用console对象输出调试信息
- firebug中的console.log()使用注意的问题
- android 图片缓存,记录一下
- C++语法基础--句柄类
- 1018——奇怪的信
- INT 10中断功能
- 响应式布局入门
- Firebug使用之一--Console Panel
- 溢出
- 1023:坑爹的黑店
- Why we should use closures in python
- shell脚本自动记录登陆后的IP地址和某用户名所操作的历史记录
- 1015:构建矩阵
- iOS多线程
- hdu1231 最大连续子序列
- 1013:摆积木