资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

Firebug使用之三--ScriptPanel

Script Panel

Firebug使用之三--Script Panel
Firebug使用之三--Script Panel
Script Panel

The main purpose of the script panel is to debug JavaScript code. Therefore the script panel integrates a powerful debugging tool based on features like different kinds of breakpoints, step-by-step execution of scripts, a display for the variable stack, watch expressions and more.

江都ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为成都创新互联公司的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:13518219792(备注:SSL证书合作)期待与您的合作!

Contents

 [hide]
  • 1 Options Menu
  • 2 Panel Toolbar
    • 2.1 Break On Next
    • 2.2 Script Type Menu
    • 2.3 Script Location Menu
    • 2.4 Execution Control Buttons
  • 3 Breakpoints
    • 3.1 Setting breakpoints
    • 3.2 Types
    • 3.3 Conditions
    • 3.4 Automatic Breakpoints
  • 4 Variable Tooltips
  • 5 Side Panels
    • 5.1 Watch
    • 5.2 Stack
    • 5.3 Breakpoints
  • 6 Search
  • 7 See also

[edit]Options Menu

This menu is reachable via the little arrow in the panel tab ( Firebug使用之三--Script Panel ) or by right-clicking on on the panel tab (since Firebug 1.9).

Option Preference Description
Enabled/Disabled extensions.firebug.script.enableSites Enables the Script Panel
Show chrome sources extensions.firebug.service.showAllSourceFiles Toggles the display of program and add-on internal sources.

Note that Firebug will still not activate for chrome URLs unless you also set service.filterSystemURLs to false (seeFirebug Preferences).

Track Throw/Catch extensions.firebug.service.trackThrowCatch Toggles tracking of throw/catch blocks
Show Break Notifications extensions.firebug.showBreakNotification Toggles the display of break notifications

For more info about tweaks available in Firebug please see the full list of preferences.

[edit]Panel Toolbar

[edit]Break On Next

The Break On Next button ( Firebug使用之三--Script Panel ) gives you the possiblity to stop the script at the next executed command. This can be a user action, a timeout or anything else that causes script execution. As soon as you click on the button, it is armed. When any script execution occurs now, the debugger will halt the script and you can step through it.

There are several other Break On ... features available at the other panels.

[edit]Script Type Menu

The Script Type Menu filters the Script Location Menu by different types of scripts. Thereby three different kinds of scripts are distinguished:

Type Description
static All scripts, that are loaded together with the page (via the