WebStorm 6.0.1 Web Help

You can monitor how the changes you make in the editor are rendered in the actual browser window without refreshing the page manually and even without leaving WebStorm. All the changes you make are immediately reflected in the browser and the affected area is highlighted.

Note

Currently this functionality is supported only for Google Chrome.

On this page:

Prerequisites

  1. The LiveEdit plugin is enabled. The plugin is bundled with WebStorm and activated by default. If it is not, enable the plugin.
  2. The JetBrains Chrome Extension is installed in your Chrome browser.
    • If the Chrome browser is not running when you start WebStorm, no steps are required from your side. The extension will be installed automatically when you launch Chrome for the first time.
    • Alternatively, install the extension manually.
To activate live editing, do one of the following:
  • On the main menu, choose View, then select Live Edit.
  • Open the WebStorm settings dialog box, click Live Edit, and then select the Enable live editing check box on the Live Edit page that opens.
To have affected areas highlighted in the browser

When editing the code and monitoring how the changes are rendered in the browser, it is helpful to have the areas affected by the changes highlighted.

See Also

Procedures:

Reference:

External Links:

Web Resources: