Use this page to enable and disable Live Edit in HTML, CSS, and JavaScript and configure the appearance of the on-the-fly preview.

Item

Description

Update Node.js application on change

Select this checkbox to enable reloading of JavaScript files that are executed by Node.js. Use the spin box to specify the elapsed time for upload, the default value is 300.

Update application in Chrome

Select this checkbox to enable on-the-fly preview of HTML and CSS.

On change in

Select this checkbox to enable Live Edit in JavaScript in addition to HTML and CSS. Set the elapsed time for applying the changes to a running application: accept the default value 300 ms or specify a custom value using the spin box next to the field. The default elapsed time is 300ms.

Highlight current element in browser on caret change

When this checkbox is selected, the current element is highlighted when you move the cursor. Otherwise, during a debugging session, you have to hold Shift and click the element to highlight.

Restart if hotswap fails

Select this checkbox to have PyCharm restart the server if automatic upload of changes to the client-side code fails. With changes in HTML, CSS, and JavaScript on the client side, the contents of a Web page in the browser are updated without reloading. For Node.js or Meteor applications, PyCharm first tries to update the application incorporating the changes without restarting the server.

Select this checkbox to have PyCharm try restarting the server if the changes cannot be applied automatically.

If even with this option chosen automatic upload still fails, you will have to restart the server manually by clicking the Rerun <run configuration name> button .

When the checkbox is cleared, PyCharm just displays a pop-up window informing you about the failure and suggesting to restart the server manually.