Check if you have met these basic prerequisites for Device Preview. If your problem is still not solved, move on to 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 CC 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:
- 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:
-
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.
-
Note:
Ensure that this port number is not blocked by your system administrator.
{ “previewport” : <portnumber> }
{ “previewport” : 8010 }
Note:
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.
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.
- Devices cannot connect to Dreamweaver
- Your device and Dreamweaver are on different networks
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.
- Firewall settings on your computer are preventing incoming connections from devices.
- Your device and Dreamweaver are on different networks
- You are accessing an invalid or an old URL (the short adobe.ly URL) from your devices. Rescan the QR code to preview the page on your devices.