跳到主要内容

使用新集成的设备中心 - Dreamweaver CS5

  • Dreamweaver CS5 & CS5.5

设备中心为开发人员和测试人员提供了一种简便的方法,用于利用、创建和预览各种设备上的移动内容。Adobe 提供的程序展示了多种移动设备的真实外观皮肤,呈现内容在这些设备上的显示效果。它使用户能够以模拟现实环境的方式与仿真设备进行交互。
要打开设备中心,请转到 文件 > 设备中心。设备中心的菜单将随之出现。

浏览设备

设备中心允许用户点击 浏览,在列表中搜索各种移动设备。用户还可以按特定移动设备、移动设备使用的媒体类型、屏幕尺寸等进行搜索。

添加组和设备

可以将设备添加到组中,或创建新组以帮助用户进行组织。创建组的方法如下:

  1. 在测试设备区域,点击加号(+)按钮。
  2. 选择 添加新组
  3. 为组文件夹命名。
  4. 将所需设备拖放到组文件夹中。

创建和预览文档

使用设备中心创建新文档的方法:

  1. 点击一个设备以打开该设备的详细信息页面。
  2. 在右上角,点击 创建。菜单界面将显示设备和 Fireworks 使用的空白画布。
  3. 点击屏幕右下角的 创建

Fireworks 将根据所选设备指定的尺寸生成一个全新的文档。

预览现有文档

预览现有文档的方法:

  1. 转到 文件 菜单。
  2. 选择 在设备中心预览。菜单将出现,并显示一个默认设备以展示文档。

通过选择测试设备组中列出的设备,之前显示的测试设备视图将切换为所选设备,并显示该设备上的文档。这样用户可以了解其他用户在各种移动设备和屏幕分辨率上如何查看他们的移动网站,无论屏幕是否符合规格。


Dreamweaver 是 Adobe 出品的一款流行网站和应用程序创建软件。它支持 HTML5、CSS3、PHP、FTP、jQuery 等技术,并兼容 HostGator 网络托管服务。

您可以访问 Adobe 官网或 Dreamweaver 教程学习门户,了解更多关于 Dreamweaver 的信息。