Save and refresh keystroke?

[markeeeee]

Real Time Preview is great to preview HTML changes in real time. But it will not preview in real time CSS changes.

Rather than have to click out of a CSS file and click the previewed HTML file  - is there a way to save the CSS file and automatically refresh the browser window?

[Nancy OShea]

Just save the CSS file with Ctrl+S.

Refresh with F5. 

Or use Ctrl + R in browser.

To be honest, I never use Real-Time Preview.  I prefer to preview directly in browsers which doesn't rely on Adobe's servers.

Right-click on document Tab. Select Open in Browser.

You can also disable RTP by going to Preferences and check the box for Default to Static Browser Preview.

[markeeeee]

This seems a very long winded way to do things.

I have to save the CSS file, then move my curser to the browser window, click the browser app, then CMD + R to refresh the browser. Then move my curser back to Dreamweaver, click Dreamweaver, make changes to the CSS and repeat.

I love that in Sublime Text in my CSS file I can do a 'save and refresh' keystroke, to save the CSS file and automatically refresh the browser window, so that I can see the changes without leaving my code editor. This saves a ton of time. BBEdit has a similar function

I'm surprised Dreamweaver doesn't have this ability?

[B i r n o u]

DW was suposed to handle this type of feature using the real time preview in browser (File > Real Time Preview > browser) but I always had trouble using it... the best way, FWIT, is to set up our own Node script (Gulp, Grunt, Command line, whatever best fit for you)... plus that will allows all connected device (phone, tv, tablet...) connected to refresh.

[Jon Fritz]

DW does not have this function and, unless Adobe reverses its decision to put the program into its current "minimally maintained" pergatory, it will never have it.

[Paul-M]

Shortcut to save file in Dreamweaver: Ctrl+S

The Dreamweaver real-time preview feature is flaky. Turn it off in preferences by checking the 'Default To Static Browser Preview' checkbox in:  preference =>Real-Time Preview'

Live Reload works if you want the page to refresh automatically when changes are made. Download/install the app, set up/add your working folder, install the browser extension(s) for FF or Chrome. I have used many times and it is pretty straightforward and worked well for me...