

In the Settings/Preferences dialog ( Ctrl+Alt+S), go to Build, Execution, Deployment | Debugger | Live Edit. See Live Edit in HTML, CSS, and JavaScript for details.Īctivate and configure Live Edit in JavaScript

#Making a mini box up box javascript css html code
To have the changes you make to your HTML, CSS, or JavaScript code immediately shown in the browser without reloading the page, activate the Live Edit functionality. See Managing plugins for details.Ĭonfigure the built-in debugger as described in Configuring JavaScript debugger. Make sure the LiveEdit plugin is enabled on the Settings/Preferences | Plugins page, tab Installed. Make sure the JavaScript and TypeScript and JavaScript Debugger required plugins are enabled on the Settings/Preferences | Plugins page, tab Installed, see Managing plugins for details. See Live Edit in Node.js application for details.īy default, Live Edit is enabled only for HTML and CSS files. You can also use Live Edit when debugging a Node.js application. Live Edit works for other file types that contain or generate HTML, CSS, or JavaScript. With the Live Edit functionality, the changes you make to your HTML, CSS, or JavaScript code are immediately shown in the browser without reloading the page. Live Edit is available only during a debugging session, see Debug JavaScript in Chrome for details.ĭebugging of JavaScript code is only supported in Google Chrome and in other Chromium-based browsers.
