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.
Unable to preview or inspect your web page on devices? Check these tips to troubleshoot issues with Device Preview in Dreamweaver.
Real-time preview feature to preview the pages on multiple browsers. You may use this workaround for Device Preview on your devices.
Check if you've met the below prerequisites for Device Preview. If you're still facing any issues, see advanced troubleshooting tips.
Device Preview does not work if your computer, on which Dreamweaver is running, and your devices are connected to different networks. For example, if your device is using the network connection provided by your mobile service providers and Dreamweaver is running on your home network, Device Preview will not work.
Ensure that all your devices and your desktop computer are on the same network.
Device Preview requires JavaScript and cookies to be enabled in your devices' browser settings. Go to the browser settings screen on your devices, search for JavaScript and cookies, and enable them.
The Device Preview service requires you to log in to your devices using your Adobe ID. This Adobe ID must be the same as the one that you used for purchasing or trying Dreamweaver membership. In case you have another Adobe ID, your login is technically authenticated on your device, but you will be unable to preview the page unless you sign in with the ID used in Dreamweaver.
To check which Adobe ID you are currently using for Dreamweaver, click Help > Sign Out <your Adobe ID>.
Technically, you can preview any document that is rendered in Live view of Dreamweaver on your devices. So, you can preview documents such as HTML and PHP on your devices. When you try to preview other files, such as CSS, XML, LESS, and JS, an error is displayed on your devices indicating that a valid document must be opened in Dreamweaver for preview.
If you are using an enterprise account for Dreamweaver, you may not have access to the Device Preview service. Contact your system administrator to ensure that you have the required permissions to use the 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:
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.
Create a file, NodePort.json, and specify the port number in the file in the following format:
Ensure that this port number is not blocked by your system administrator.
{ “previewport” : <portnumber> }
For example, if 8010 is the port number that you want to use:
{ “previewport” : 8010 }
If you have already created a NodePort.json file with a key value pair in it, use comma to separate the new key value pair or specify the new key value pair in a separate line.
Save the NodePort.json file in the following path:
Relaunch Dreamweaver.
Devices cannot connect to Dreamweaver if the firewall settings on your desktop computer or in your enterprise firewall block connections from external devices.
Configure the firewall settings on your computer to allow connections from external devices. If you are using an office computer, contact your system administrator for any assistance.
If your firewall is configured to prompt when external devices try to connect, then you will prompted to allow access to the Dreamweaver node server. For example, if you have configured Windows firewall, a prompt appears with the Allow Access option. Choose the appropriate network (Public or Private), and then click Allow Access.
Note: To check which network your computer is on, open the Windows Firewall settings from the Control Panel and check the settings.
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.
Device Preview may not work if the IP address of the computer on which Dreamweaver is running is not in the white list of the proxy server.
Contact your system administrator to add your computer to the white list in the proxy server settings.
Device Preview requires JavaScript and cookies to be enabled in your devices' browser settings. Go to the browser settings screen on your devices, search for JavaScript and cookies, and enable them. Then, rescan the QR code to preview your web page on the device.
Real-time preview feature to preview the pages on multiple browsers. You may use this workaround for Device Preview on your devices.
You are redirected to this article in the following scenarios:
Device Preview does not work if your computer, on which Dreamweaver is running, and your devices are connected to different networks. For example, if your device is using the network connection provided by your mobile service providers and Dreamweaver is running on your home network, Device Preview will not work.
Ensure that all your devices and your desktop computer are on the same network and then try previewing your web page.
To see the page layout on your devices, you may use this workaround. Follow the steps:
Setup a testing server using the link how to set up a testing server.
Save and push your files to the testing server. Enable the Standard toolbar ( Window > toolbars > Standard) to find the URL for the webpage on the testing server.
Capture the URL from the Dreamweaver application and paste that into your mobile browser. The URL is in this format- http://localhost/Devicepreview/index.html. Replace localhost with the IP address of your computer. Example-http://xx.xxx.xxx.xxx/Devicepreview/index.html where xx.xxx.xxx.xxx is the IP address for the computer.
Use the above URL (with the IP address) on any device which is connected to the same internet connection as the computer and you should be able to view the webpage on the device.