- Dreamweaver 用户指南
- 简介
- Dreamweaver 和 Creative Cloud
- Dreamweaver 工作区和视图
- 设置站点
- 管理文件
- 布局和设计
- CSS
- 页面内容和资源
- 设置页面属性
- 设置 CSS 标题属性和 CSS 链接属性
- 使用文本
- 查找和替换文本、标签和属性
- DOM 面板
- 在实时视图中编辑
- 在 Dreamweaver 中对文档编码
- 在“文档”窗口中选择和查看元素
- 在属性检查器中设置文本属性
- 对网页进行拼写检查
- 在 Dreamweaver 中使用水平线
- 在 Dreamweaver 中添加和修改字体组合
- 使用资源
- 在 Dreamweaver 中插入和更新日期
- 在 Dreamweaver 中创建和管理收藏资源
- 在 Dreamweaver 中插入和编辑图像
- 添加媒体对象
- 在 Dreamweaver 中添加视频
- 插入 HTML5 视频
- 插入 SWF 文件
- 添加音频效果
- 在 Dreamweaver 中插入 HTML5 音频
- 使用库项目
- 在 Dreamweaver 中使用阿拉伯语和希伯来语文本
- 链接与导航
- jQuery 构件和效果
- 对网站进行编码
- 关于在 Dreamweaver 中编码
- Dreamweaver 中的编码环境
- 设置编码偏好设置
- 自定义代码颜色
- 编写和编辑代码
- 代码提示和代码完成
- 折叠和展开代码
- 使用代码片段重用代码
- 使用 linting 检查代码
- 优化代码
- 在设计视图中编辑代码
- 使用页面的头内容
- 在 Dreamweaver 中插入服务器端包含
- 在 Dreamweaver 中使用标签库
- 将自定义标签导入 Dreamweaver
- 使用 JavaScript 行为(一般说明)
- 应用内置 JavaScript 行为
- 关于 XML 和 XSLT
- 在 Dreamweaver 中执行服务器端 XSL 转换
- 在 Dreamweaver 中执行客户端 XSL 转换
- 在 Dreamweaver 中为 XSLT 添加字符实体
- 设置代码格式
- 跨产品工作流
- 模板
- 移动设备和多屏幕
- 动态网站、页面和 Web 表单
- 以可视化方式生成应用程序
- 测试、预览和发布网站
- 疑难解答
将设备连接到 Dreamweaver 桌面应用程序即可在各种设备上预览、检查、测试和调试网页。
从 2021 年 11 月 16 日起,所有 Dreamweaver 版本上均已停用跨越多个设备预览页面的功能。我们提倡您探索在多个浏览器上预览页面的实时预览功能。
Dreamweaver 现在可让您在多个设备上同时测试即将发布的正式版网页。您可以查看网页如何在各种外形规格下进行回流,还可以在您的页面上测试交互功能。无需安装任何移动应用程序或将设备物理连接到您的桌面,即可实现所有这些功能!只需使用您的设备扫描自动生成的 QR 代码,并在设备上预览网页。
实时检查在桌面上触发时将反映在所有连接的设备上,并有助于检查各种元素和按需微调设计。
先决条件
|
确保设备上装有二维码扫描器。 |
|
确保桌面和移动设备连接到 Internet 并在同一网络上。 |
|
请确保您已准备好 Adobe ID 凭据。在预览时,您需要利用您桌面上 Dreamweaver 所用的 Adobe ID 登录设备。 |
|
如果您是企业客户,请检查您是否具有访问设备预览服务所需的权限。 |
|
确保在设备上的浏览器设置中启用了 JavaScript 和 Cookie。 |
支持的设备
所有 Android 和 iOS 设备
在设备上预览网页
-
在台式计算机上启动 Dreamweaver,然后打开要在设备上预览的网页。
-
单击文档工具栏中的“实时预览”图标。
随后将显示“设备预览”弹出窗口,其中具有二维码和短 URL。
-
用要在其上预览 Web 文档的移动设备扫描该二维码。要连接多个设备,请使用其中每台设备扫描该二维码。
-
设备上将出现一个登录屏幕。使用您的 Adobe ID 凭据登录。确保使用的 Adobe ID 就是用于 Dreamweaver/Creative Cloud 的同一个。
-
成功登录后,所连接的设备的名称即出现在“设备预览”弹出窗口中。并且,您将在所连接的设备上看到您网页的预览。
要将该弹出窗口中的设备名称映射到实际设备,请将鼠标悬停在设备名称上。随后将在相应设备上出现反馈屏幕。
在设备上检查网页
要在所有连接的设备上检查网页,请单击 Dreamweaver 工具栏中的“检查”图标。
要在特定设备上检查网页,请在“设备预览”弹出窗口中单击与设备名称对应的“检查”图标。Dreamweaver 中的视口被设置为与相应设备上的视口相同,并在特定设备和 Dreamweaver 上触发检查。
再次单击 Dreamweaver 中的“检查”图标以退出“检查”模式。
提交在桌面上对网页作出的编辑后,所有编辑均立即反映在设备上。
设备预览故障排除
如果在连接设备或在设备上预览网页时遇到问题,请参阅文章设备预览 - 故障排除中的信息。