Skip to main content
Participant
January 6, 2022
Question

Can I have my code and live view on separate screens? (macOS)

  • January 6, 2022
  • 6 replies
  • 401 views

Pretty much title. I want to know if I can see my code on one screen and the live webpage preview on another screen on Mac.

This topic has been closed for replies.

6 replies

B i r n o u
Legend
January 6, 2022

in fact design view helps a lot to quickly select part of document and directly acces to its code

 

node watch command automaticaly reload all the browsers connected to the node server as soon a specific action is done... it helps to avoid hitting many times F5 on each browsers, tablets, smartphones connected

Nancy OShea
Community Expert
Community Expert
January 6, 2022

Based on the type of questions we see here, I wonder how many Dreamweaver users know what Node is? 😕😕

 

Nancy O'Shea— Product User & Community Expert
Nancy OShea
Community Expert
Community Expert
January 6, 2022

My browser is open at all times which is  more reliable for previewing than either Live or Design in Dreamweaver.  Hit F5 to refresh browser.

 

 

 

Nancy O'Shea— Product User & Community Expert
B i r n o u
Legend
January 6, 2022

although as @Ben107584 M indicates, I also using on the top screens a real time rendering (thanks to Node) on various versions of browsers... and this that the modifications are carried out within the display document (I prefer display view than live view in DW), or from the inspector of code, or Sublime text or any other editors

B i r n o u
Legend
January 6, 2022

As you can see on the small screenshot, on the left screen the unlocked live view document hovers over a browser, on the central screen DW itselft and on the right screen the code inspector window hovers over a third program.

 

 

Community Expert
January 6, 2022

Solely within DW itself, not possible as far as I know. But if you have a browser open in your second screen with the testing server you should be able to work in code in DW and see the results in the other screen.

Jon Fritz
Community Expert
Community Expert
January 6, 2022

You can't truly separate Code View and Design/Live View from their shared window.

However, you can set that shared window to Design or Live (without using Split) then open the Code Inspector window (under Window > Code Inspector or shortcut it with F10) and move it to another monitor without issue.


B i r n o u
Legend
January 6, 2022

depending on your flow, and your organisation, you can still use the "code inspector" window, using F10 shortcut, or by the menu Windows > Code Inspector