![]() The example below shows a simple application that consists of two HTML pages and a JavaScript script. To reload the current page, click on the toolbar and select Reload in Browser ( ). ![]() This works the same way as the Reload Page functionality ( Control+R) in Chrome. Reload the current page in browserīesides restarting your application by clicking the Rerun button ( ) in the Debug tool window, you can also use the Reload in Browser action to reload the page where you have currently navigated. To restart the new run/debug configuration, select it from the list and click. WebStorm creates a run/debug configuration automatically, and a debugging session starts. html in the editor, and select Debug 'index.html' from the context menu. To start debugging this application using the built-in server, set a breakpoint in index. Let's suppose that you have a simple application that consists of an index.html file and an index.js file, where index.html references index.js. For more information, refer to Starting a debugging session with your default Chrome user data. To open a new Chrome instance with your familiar look-and-feel, configure Chrome in WebStorm to start with your user data. In the Debug tool window, proceed as usual: step through the program, stop and resume the program execution, examine it when suspended, view actual HTML DOM, run JavaScript code snippets in the Console, and so on.īy default, a debugging session starts in a new window with a custom Chrome user data. ![]() To save the automatically generated configuration for further re-use, choose Save from the context menu after the debugging session is over. The file opens in the browser, and the Debug tool window appears. WebStorm generates a debug configuration and starts a debugging session through it. Open the HTML file that references the JavaScript to debug or select the HTML file in the Project tool window.įrom the context menu of the editor or the selection, choose Debug. Set the breakpoints in the JavaScript code, as required. This server is always running and does not require any manual configuration. WebStorm has a built-in web server that can be used to preview and debug your application in a web browser or IDE's built-in browser. For more information about the live editing functionality, refer to Live Edit in HTML, CSS, and JavaScript.ĭebug an application that is running on the built-in server 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. For more information about plugins, refer to Managing plugins.Ĭonfigure the built-in debugger as described in Configuring JavaScript debugger. In the search field, type JavaScript Debugger. Press Control+Alt+S to open the IDE settings and then select Plugins. Make sure the JavaScript Debugger bundled plugin is enabled in the settings.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |