Runtime evaluation of JavaScript expressionsĮxtended Frameworks Support - The following extended JavaScript frameworks are supported: JQuery, YUI, Prototype, DoJo, MoTools, Qooxdoo, and Bindows.Frames, variables and watches views in JavaScript debugger UI.Customizable breakpoint properties: suspend mode, conditions, pass count and more.JavaScript Debugger Based on Mozilla - With JetBrains WebStorm you can debug JavaScript code utilizing the complete range of features: Some refactorings available for JavaScript code and *.js files are:Ĭode Inspections and Quick-Fixes - To ensure better code quality, JetBrains WebStorm catches common errors in your JavaScript code on the fly and offers quick-fixes for them. Refactoring capabilities provided for JavaScript allow you to easily modify the code structure as well as undo the modifications. Find/Highlight Usages - locates other places in your entire project where a JavaScript symbol, label or file is used, with quick preview and instant navigation to the actual usages.Go to symbol - navigates to any symbol in project code using search patterns, including asterisk (*) or CamelHump abbreviations.Go to declaration - navigates to where the function, variable or label in question is declared with a simple hotkey or Ctrl+Click.JavaScriptĭOM-Based, Browser-Specific Completion - JavaScript code completion for keywords, labels, variables, parameters and functions is DOM-based and supports popular browsers specifics (IE, Firefox, etc.) The completion is available for both standard and user-defined functions in *.js files, HTML event handlers and everywhere else where appropriate.Ĭode Navigation and Usage Search - Numerous code navigation and usage search options: Simply invoke 'Extract Embedded CSS' quick-fix, specify CSS selector and the destination for the new CSS class. This command opens a tree-view of all styles that are applied to the tag by CSS, with all possible overrides.Įxtract Embedded Styles - Allows you to clean your HTML code by moving styles embedded inside tags to either the current file section or to a linked external. Having difficulty understanding where the styles come from for a particular tag in your page? Right-click it and choose Show Applied Styles for Tag. All abbreviations are available for creating new content and for wrapping an existing structure. Zen Coding - WebStorm allows you to use the power and speed of Zen coding. This works both in code and in completions lists. Show Content - Quick Definition Lookup on a CSS ID immediately shows a popup displaying the actual styles defined for this particular ID when invoked on an image file reference, you will see an image preview. Whenever you see a bulb, hit Alt+Enter to see what WebStorm suggests Validation and Quick-Fixes - WebStorm detects and suggests auto-fixes for such problems as: DOM- and Schema-Based Code Completion - Based on its deep knowledge of HTML/XHTML and XML code, WebStorm is capable of completing:
0 kommentar(er)
