PhpStorm 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 PhpStorm. 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 PhpStorm 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 PhpStorm, 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 PhpStorm 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: