The new WebStorm 7 comes with a redesigned debugger for Google Chrome which supports the latest features of WebKit Remote Debugging Protocol and V8 Debugger Protocol.
Though this change mainly affects the debugger’s backend, WebStorm 7 users will definitely notice improvements in its performance, as well as some very useful updates. You can quickly learn about these in the screencast or read this post for more details.
- In the file context menu, click Debug file. The Run/Debug Configuration will be created automatically and the file will be opened in the browser.
- In the main toolbar, select any configuration that you’ve already used or create a new one, and then click Debug.
Updates and improvements in WebStorm 7
Live Edit allows you to see all the changes that you make in your HTML or CSS files instantly in the browser, without reloading the page (check out our demo). Currently it is available in Google Chrome only, via installing the Google Chrome Extension JetBrains IDE Support.
From the Elements tab you can easily navigate to the source files and to the declaration, by pressing Ctrl (Cmd for Mac) and clicking a file name or classe.
Variables have a new improved presentation in the debug window.
The first nice update is that values are now displayed in the same format as in the editor that makes them easier to read. Arrays now have a folded presentation to give you quick access to the element you need.
Second, variables are now grouped into local, closure and global scopes and are separately grouped by functions.
Another important update in Variables view is that now you can see the __proto__ object and inspect its properties.
Try the improved debugger right now in WebStorm 7 Release Candidate.
Develop with pleasure!
Subscribe to Blog updates
Thanks, we've got you!