Skip to main content
M
markeeeee
Inspiring
March 14, 2022
Question

Save and refresh keystroke?

  • March 14, 2022
  • 2 replies
  • 381 views

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?

 

 

    This topic has been closed for replies.

    2 replies

    P
    Paul-M
    Legend
    March 15, 2022

    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...

    Paul-M - Community Expert
    Nancy OShea
    Community Expert
    Nancy OSheaCommunity Expert
    Community Expert
    March 14, 2022

    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.

     

    Nancy O'Shea— Product User & Community Expert
      M
      markeeeeeAuthor
      Inspiring
      March 15, 2022

      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
      B i r n o u
      Legend
      March 15, 2022

      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.

      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices