WebStorm: make Live Edit work without debug mode
There's a plugin in Visual Studio called Live Server. When you edit and save changes to an html/css file, you don't have to refresh the page if it's open in your browser, it refreshes automatically. Webstorm has similar functionality called Live Edit, but it works in debug mode only.
Also is it possible to make it work with Safari or at least another Chromium browser like Vivaldi, or corresponding extension works in Google Chrome only? Because Live Edit doesn't work without Google Chrome. Thank you.
Live Edit didn't require debugging initially, but we had to re-consider this approach due to multiple bugs/limitations, see WEB-8255 and linked tickets. We are currently investigating a possibility to add "live reload" capability to the built-in web server to make it behave like VSCode Live Server.
We don't have plans to support Live Edit in Safari; to make it work with Vivaldi (or other Chrome-based browsers), you have to configure it in Settings | Tools | Web Browsers:
In Settings | Tools | Web Browsers, press +
Use Chrome as a Family, specify a full path to Vivaldi executable as Path, enter a name:
- HTML saving to PDF loses anchor tags
- Listen on multiple input tags and concatenate inputs to a single output field without need to click a button
- In Emacs, how to add line number for src block by CSS?
- React.js passing one components variables to another component and vice-versa
- React Audio Player Change current time of Audio
- Changing the color of a <select> depending on its value - CSS only(?)
- How to submit an HTML form without redirection
- HTML/JS app within an Android App
- How to get only directly contained text in DOM element in Javascript?
- Remove leading zeros from input type=number
- Progress bar along the borders of a rectangle
- Is there a way to change the CSS resize corner's position?
- Disable zoom on input focus in Android webpage
- Converting old Html SIZE=+x to css
- How to style focus outline for accessibility purposes
- How to set textarea height using min-height?
- Resize textarea on input
- Semantically correct html for react accordion component
- How can I tell password managers what pattern to use?
- Ticks for type="range" HTML input
- Why Marquee in HTML and CSS context is named that way?
- Undefined error after switching through images in Javascript
- HTML Input Font Family Styling for Safari
- Overflow text align left
- Should the <main> tag be inside <section> tag
- Audio is not playing in html
- How can I avoid recursion in this JavaScript function that uses Promises?
- If it is possible to animate image pixelation without canvas, using only CSS
- How to Link another page, at a certain point HTML
- How do I import svg from file to a component in angular 5?