测试 Dreamweaver 站点

上次更新日期： 2022年3月4日

Dreamweaver

打开应用程序

了解站点测试指导原则并在上传站点前使用报告来测试您的 Dreamweaver 站点。

站点测试指导原则

在将站点上传到服务器并声明其可供浏览之前，建议您先在本地对其进行测试。（实际上，在站点建设过程中，建议您经常对站点进行测试并解决所发现的问题，以便尽早发现问题，避免重复出错。）

应该确保页面在目标浏览器中如预期的那样显示和工作，而且没有断开的链接，页面下载也不会占用太长时间。还可以通过运行站点报告来测试整个站点并解决出现的问题。

下面的指南有助于您为站点的访问者提供愉快的访问经历：

确保页面在目标浏览器中能够如预期的那样工作。

页面在不支持样式、层、插件或 JavaScript 的浏览器中应清晰可读且功能正常。对于在较早版本的浏览器中根本无法运行的页面，应考虑使用“检查浏览器”行为，自动将访问者重定向到其它页面。

在不同的浏览器和平台上预览页面。

这使您有机会查看布局、颜色、字体大小和默认浏览器窗口大小等方面的区别，这些区别在目标浏览器检查中是无法预见的。

检查站点是否有断开的链接，并修复断开链接。

由于其它站点也在重新设计、重新组织，所以您所链接的页面可能已被移动或删除。可运行链接检查报告来对链接进行测试。

监测页面的文件大小以及下载这些页面所占用的时间。

要知道对于由大型表格组成的页面，在某些浏览器中，在整张表完全加载之前，访问者将什么也看不到。应考虑将大型表格分为几部分；如果不可能这样做，请考虑将少量内容（例如欢迎辞或广告横幅）放在表格以外的页面顶部，这样用户可以在下载表格的同时查看这些内容。

运行一些站点报告来测试并解决整个站点的问题。

您可以检查整个站点是否存在问题，例如无标题文档、空标记以及冗余的嵌套标记。

验证代码，以定位标记或语法错误。

在站点发布后，对其进行更新和维护。

可通过多种方式发布站点（即让站点上线），而且这是一个持续的过程。该过程的一个重要部分是定义并实现版本控制系统，无论是用 Dreamweaver 中包含的工具实现，还是通过外部版本控制应用程序实现均可。

使用讨论论坛。

可在 Adobe 网站 www.adobe.com/go/dreamweaver_newsgroup 上找到 Dreamweaver 论坛。

这些论坛是很有价值的资源，通过它们可获得有关不同浏览器、平台等的信息。还可与其他 Dreamweaver 用户讨论技术问题和交流有用的技巧。

有关解决发布问题的教程，请参阅 www.adobe.com/go/vid0164。

使用报告测试站点

您可以对工作流程或 HTML 属性运行站点报告。还可以使用“报告”命令来检查站点中的链接。

工作流程报告可以改进 Web 小组中各成员之间的协作。您可以运行工作流程报告，这些报告可以显示谁取出了某个文件、哪些文件具有与之关联的设计备注以及最近修改了哪些文件。您可以通过指定名称/值参数来进一步完善设计备注报告。

注意:

您必须定义远程站点连接才能运行工作流程报告。

HTML 报告使您可为对多个 HTML 属性编辑和生成报告。您可以检查可合并的嵌套字体标记、遗漏的替换文本、多余的嵌套标记、可删除的空标记和无标题文档。

运行报告后，可将报告保存为 XML 文件，然后将其导入模板实例、数据库或电子表格中，再将其打印出来或显示在网站上。

注意:

还可通过 Adobe Dreamweaver Exchange 网站向 Dreamweaver 添加其他报告类型。

运行报告以测试站点

选择“站点”>“报告”。
从“报告在”弹出菜单中选择要报告的内容，并设置要运行的任意一种报告类型（工作流程或 HTML）。

只有在“文件”面板中已经有选定文件的情况下，才能运行“站点中的已选文件”报告。
如果您选择了工作流程报告，请单击“报告设置”。否则，跳过这一步。

注意:

如果选择不止一个工作流程报告，则对每个报告都需要单击“报告设置”按钮进行设置。选择一个报告，然后单击“报告设置”，输入设置，并对任何其它工作流程报告重复该过程。

取出者

创建一个报告，列出某特定小组成员取出的所有文档。输入小组成员的名称，然后单击“确定”，返回到“报告”对话框。

设计备注

创建一个报告，列出选定文档或站点的所有设计备注。输入一对或多对名称和值，然后从相应的弹出菜单中选择对比值。单击“确定”，返回到“报告”对话框。

最近修改

创建一个报告，列出在指定时间段内发生更改的文件。输入要查看文件的日期范围和所在位置。
如果选择 HTML 报告，则从以下报告中选择：

可合并的嵌套字体标记

创建一个报告，列出所有可以合并的嵌套字体标记以便清理代码。

例如，将报告 STOP! 。

没有替换文本

会创建一个报告，列出所有没有替换文本的 img 标记。

在纯文本浏览器或设为手动下载图像的浏览器中，替换文本将替代图像出现在应显示图像的位置。屏幕阅读器将读出替换文本，而且有些浏览器可在用户鼠标经过图像时显示替换文本。

多余的嵌套标记

创建一个报告，详细列出应该清理的嵌套标记。

例如，将报告 The rain in Spain stays mainly in the plain 。

可删除的空标记

创建一个报告，详细列出所有可以移除的空标记以便清理 HTML 代码。

例如，可能在“代码”视图中已删除了某项或某个图像，却留下了应用于该项的标记。

无标题文档

创建一个报告，列出在选定参数中找到的所有无标题的文档。Dreamweaver 报告所有具有默认标题、多个标题标记或缺少标题标记的文档。
单击“运行”，创建报告。

根据运行的报告的类型，可能会提示您保存文件、定义站点或选择文件夹（如果尚未执行这些操作）。

“站点报告”面板（在“结果”面板组中）中将显示一个结果列表。

使用和保存报告

运行报告（请参阅前面的步骤）。
在“站点报告”面板中，执行以下任一操作来查看报告：
- 单击要按其排序的列标题以对结果进行排序。
  
  您可以按文件名、行号或说明进行排序。还可以运行若干不同的报告并让不同的报告保持打开状态。
- 选择报告中的任一行，然后单击“站点报告”面板左侧的“更多信息”按钮可显示问题的说明。
- 双击报告中的任一行可以在“文档”窗口中查看相应的代码。
注意:

如果处于“设计”视图中，则 Dreamweaver 将更改显示，拆分视图以显示代码中报告的问题。
单击“保存报告”保存该报告。

在保存报告时，您可以将其导入到现有模板文件中。然后您可以将该文件导入到数据库或电子表格中并打印它，或使用该文件在网站上显示报告。

注意:

运行 HTML 报告后，可使用“清理 HTML”命令来更正报告列出的任何 HTML 错误。

更快、更轻松地获得帮助

新用户？