Dreamweaver now lets you test your production-ready web pages simultaneously on multiple devices. You can see how your web page reflows in various form factors and also test interactive features on your pages. All these without having to install any mobile app or having to physically connect the devices to your desktop! Simply scan the auto generated QR code with your devices and preview your web pages on the devices.
Live inspect, when triggered on desktop, reflects on all connected devices and helps you inspect various elements and tweak the design as required.
|Ensure that you have a QR code scanner installed on your devices.|
|Ensure that your desktop and mobile devices are connected to the Internet and are on the same network.|
|Ensure that you have your Adobe ID credentials handy. You need the Adobe ID that you use for Dreamweaver on your desktop to log in to the devices during the preview.|
|If you are an enterprise customer, check if you have the required permissions to access the Device Preview service.|
To map the device names in the pop-up with the actual device, hover your mouse on the device names. A feedback screen appears on the corresponding device.
To inspect the web page on all the connected devices, click the Inspect icon in the Dreamweaver toolbar.
To inspect the web page on a specific device, click the inspect icon that corresponds to the device name in the Device Preview pop-up. The viewport in Dreamweaver is set to match the viewport on the corresponding device and inspect is triggered on that specific device and Dreamweaver.
Click the Inspect icon in Dreamweaver again to exit the Inspect mode.
All the edits that you do to your web page on the desktop are reflected immediately on the devices after they are committed.
If you run into issues while connecting your devices or previewing your web pages on devices, see the information in the article Device Preview - Troubleshooting.