如何实现多端同步预览
多端同步预览是用于在PC端设计网页的同时,时时将内容传送到移动端或其它设备同步显示,以方便设计出同时适应不同尺寸的屏幕的网页。下面举一个在移动端实现同步预览的例子,具体使用方法如下。点击“同步预览”按钮,弹出如下图所示的同步预览服务器面板。
在同步预览服务器面板中填好IP地址,设置好端口号,然后点击面板中的“确定”按钮,即可生成一个二维码、口令、和一个URL,可以直接扫码访问或输入生成的URL访问,但需要输入口令进行验证,口令正确后会显示一个允许连接的按钮,核对IP和口令正确后手动点击“点击允许连接”按钮,移动端便可以访问你正在设计的html内容(设计区域的内容)。
在扫码或在浏览器输入同步预览服务器产生的URL而成功连接后,在移动端输入与PC端一致的口令并提交,PC端便显示移动端传来的ip地址和口令,同时还显示一个“点击允许连接”的按钮,点击这个按钮后PC端将允许你的移动端连接,这时在移动端点击“点击登录”按钮,即可与PC端建立链接。
如何将HTML发送到移动端等设备进行同步预览
当用于预览的设备与网页设计大师软件的同步预览服务器连接成功后。需要点击此软件界面右下角的“同步”按钮才能传到与之连接的设备中进行渲染显示。