8 Replies Latest reply on Oct 12, 2017 1:51 PM by wcspaulding1

    Real Time Preview suddenly stopped working.

    Sci-Fi Guru Level 1

      Using Dreamweaver CC 2017.0.1 Release, 9346 Build.  I am on Windows 7 x64 and this problem persists no matter what browser is used.

      Real Time Preview has suddenly stopped working.  Hitting F12 for Real Time Preview while coding is very convenient and I have come to rely on it heavily.  This morning it suddenly started providing the following error:

      You tried to access an external HTML page, which can not be opened on the device for preview. Open the page in Dreamweaver to preview the page on the device.

      Went through the forums and have tried a few fixes, closing and restarting the application between, even restarting the computer.  These solutions have not worked:

      I'm aware that I can manually load the page in the browser, but frankly, this is really inconvenient and I have come to rely on the Real Time Preview.

      Are there any other potential workarounds to this issue?

        • 1. Re: Real Time Preview suddenly stopped working.
          Jon Fritz II Adobe Community Professional & MVP

          The new Live Preview relies on a connection to Adobe's servers to function correctly. Sometimes those servers are unavailable and it won't work. It may just start working again as suddenly as it stopped.

           

          You can still use the old Preview in Browser by right clicking the file name in the Files window, or if your documents are set to be viewed as tabs, by right clicking the document tab itself and choosing "Open in Browser".

           

          It's not the Live Preview, so it doesn't require a connection to Adobe to run.

           

          Of course, you can also go into the browser and choose File > Open > browse to your file to open it directly.

          1 person found this helpful
          • 2. Re: Real Time Preview suddenly stopped working.
            Niharika Gupta Adobe Employee

            Hi,

             

            We are struggling to reproduce this issue at our end so that we can fix it. Can you please help us with reproducible steps or a video clip?

             

            Regards,

            Niharika Gupta

            Adobe Dreamweaver

            • 3. Re: Real Time Preview suddenly stopped working.
              wcspaulding1 Level 1

              I have this same problem, as I have reported here: Specify port number for Dreamweaver's server.

              I use Windows 10. It works sporadically. It seems to depend on which port number is specified, but there does not seem to be a way to specify the port number. These instructions from Adobe do not work, partly because it is outdated ((How to troubleshoot issues with Device Preview in Dreamweaver ):

              Advanced troubleshooting

               

              Couldn't launch the Device Preview service

               

              Dreamweaver runs a local HTTP, node server for the Device Preview service on a random port assigned by the node. Device Preview will not work if one or both of the following is blocked by your system administrator:

              • The random port assigned by the node server
              • The IP address of the localhost, 127.0.0.1

              Perform the following steps to address this issue:

              •  

                Relaunch Dreamweaver. In case Dreamweaver was unable to create the node server instance, restarting Dreamweaver will address the issue.If this doesn't help, proceed to step 2 and 3.

                 

              • Assign a specific port for the Device Preview services from the node server. You need to add this port number in a NodePort.json file along with the key for device preview. The process for doing so is described here.

                 

              Creating a NodePort.json file

              •  

                Create a file, NodePort.json, and specify the port number in the file in the following format:
                123
                {“previewport” : <portnumber>}

                 

                123

                {“previewport” : 8010}
              1. Save the NodePort.json file in the following path:
                • Win: %appdata%\Adobe\Dreamweaver CC 2015\en_US\Configuration
                • Mac: ~/Library/Application Support/Adobe/Dreamweaver CC 2015/en_US/Configuration
              2. Relaunch Dreamweaver.

                 

              • 4. Re: Real Time Preview suddenly stopped working.
                Niharika Gupta Adobe Employee

                Hi,

                 

                This workflow is working at our end, did you restart Dreamweaver after specifying the port in NodePort.json file?

                 

                Also, let us know if you are facing the issue that is specified in the post above- grey background with the error message on Preview.

                 

                Regards,

                Niharika Gupta

                Adobe Dreamweaver

                • 5. Re: Real Time Preview suddenly stopped working.
                  wcspaulding1 Level 1

                  One thing that might work is creating the folder Dreamweaver CC 2015 and placing the json file there. Because I am using the latest version, this folder did not exist on my computer, only for Dreamweaver 2017. So I will try that and see if that works. Nonetheless, it should be easy enough to allow the specification of the port number under Preferences.

                  • 6. Re: Real Time Preview suddenly stopped working.
                    wcspaulding1 Level 1

                    I tried putting the json file in the Dreamweaver CC 2015 file even though I have the latest version, but this does not work. They should take down that help page about the json file.

                    • 7. Re: Real Time Preview suddenly stopped working.
                      Niharika Gupta Adobe Employee

                      Hi,

                       

                      Since now you are using Dw CC 2017 for previewing then you should copy the json file in the following location-

                       

                      %appdata%\Adobe\Dreamweaver CC 2017\en_US\Configuration

                       

                      Regards,

                      Niharika Gupta

                      Adobe Dreameaver

                      • 8. Re: Real Time Preview suddenly stopped working.
                        wcspaulding1 Level 1

                        That's what I did the first time. That doesn't work. Why is there not a Preference item that would allow me to set it? That would be much simpler and would not depend on the version.