Web Inspector: About debugging JS in Sublime Text Introduction _ Basics

Sublime Text is a very good cross-platform editor with a nice user interface and powerful features such as code thumbnails, multiple selections, shortcut commands, and more. You can also customize key bindings, menus, and toolbars. The main features of Sublime Text include: Spell checker, bookmarks, full Python API, Goto function, instant item switching, multiple selections, multiple windows, and more.

In addition, the Sublime Text Plug-ins are numerous and can be easily installed and managed through package management tools. The Sublime Web Inspector described in this article is an excellent development helper in many plug-ins to help WEB developers debug JavaScript code directly in Sublime Text.

The main features of Sublime Web Inspector are as follows:

Breakpoint

In the editor, you can set and delete breakpoints.

Control Desk

View all console messages by level.

Interaction between

Click name:line on the area to navigate to the file and the line where the code resides; Click Object the properties of the plugin object.

Debugger

On the breakpoint, you can see the stack of code running and all the variables (local, global, closed).

Run the selected code fragment

Similar to the Firebug added monitoring feature.

Sublime Text 2 download Sublime Web Inspector