1. Open the Webstore Settings dialog and locate the live Edit option and select Enable Live editing.
2. Open Chrome Browser, go to the Chrome Web Store, search for jetbrains IDE suport extension. Click the "Add to Chrome" button to install the extension to Chrome. At this point, a JB icon appears on the Chrome toolbar. Note (sometimes you may not be able to search in the online store, I have provided an address here: https://chrome.google.com/webstore/detail/jetbrains-ide-support/ Hmhgeddbohgjknpmjagkdomcpobmllji)
3. Create a new HTML file in Webstorm, then press ALT+F2 to open the browser, select the floating window, and choose Chrome to view the page you are editing.
4. Switch to Webstorm, modify HTML/CSS/JS, and then switch to Chrome, and you'll see that Chrome has changed along the way. If you feel that the effect is not ideal, then open webstorm and chrome side-by-side, exclaimed so cool to go.
Webstorm live Edit Browser for synchronous implementation steps