清理代码

您可以自动删除空标签，合并嵌套 font 标签，以及通过其它方法改善杂乱或难以辨识的 HTML 或 XHTML 代码。

  1. 打开一个文档：

    • 如果该文档为 HTML 格式，请选择“命令”>“清理 HTML”。

    • 如果该文档为 XHTML 格式，请选择“命令”>“清理 XHTML”。

      对于 XHTML 文档，“清理 XHTML”命令可以修正 XHTML 的语法错误、将标签属性的大小写特性设置为小写，并且，除了执行 HTML 清理操作外，还可以添加或报告标签所缺少的必需属性。

  2. 在出现的对话框中，选择任一选项并单击“确定”。

    注：根据文档大小和所选选项数目的不同，可能需要几秒钟完成清理。

    删除空容器标签

    用于删除标签对之间没有任何内容的标签。例如，<b></b> 和 <font color="#FF0000"></font> 是空标签，但 <b>某些文本</b> 中的 <b> 标签则不是空标签。

    移除多余的嵌套

    用于删除某个标签的所有多余实例。例如，在代码 <b>This is what I <b>really</b> wanted to say</b> 中，really 一词两侧的 b 标签为多余的标签，将被删除。

    移除不属于 Dreamweaver HTML 注释

    用于删除所有并非由 Dreamweaver 插入的注释。例如，<!??begin body text--> 将被删除，但 <!??TemplateBeginEditable name="doctitle"??> 不会被删除，因为它是标记模板中的可编辑区域开头的 Dreamweaver 注释。

    移除 Dreamweaver 特殊标记

    用于删除 Dreamweaver 添加到代码中的注释，这些注释允许在更新模板和库项目时自动更新文档。如果在基于模板的文档中清除代码时选择此选项，文档将与模板分离。

    移除指定的标签

    用于删除相邻文本框中指定的标签。使用此选项可删除由其它可视化编辑器插入的自定义标签以及其它您不希望在站点中出现的标签（例如，blink）。请用逗号分隔多个标签（例如，font,blink）。

    尽可能合并嵌套 <font> 标签

    用于合并两个或多个控制相同范围文本的 font 标签。例如，<font size="7"><font color="#FF0000">big red</font></font> 将被更改为 <font size="7" color="#FF0000">big red</font>。

    完成后显示记录

    用于在完成清理时显示一个警告框，其中包含有关文档改动的详细信息。

验证标签和大括号是否对称

您可以检查以确保页面上的圆括号 (( ))、大括号 ({ }) 和方括号 ([ ]) 是对称的。对称的意思是每个开始的标签、圆括号、大括号和方括号有相应的结束部分，反之亦然。

检查标签是否对称

  1. 在“代码”视图中打开该文档。

  2. 将插入点放在嵌套代码中要进行检查的地方。

  3. 选择“编辑”>“选择父标签”。  

    在代码中选中两侧的匹配标签（以及它们之间的内容）。如果您继续选择“编辑”>“选择父标签”且您的标签已对称，则最终 Dreamweaver 将选择最外面的 html 和 /html 标签。

检查圆括号、大括号和方括号是否对称

  1. 在“代码”视图中打开该文档。

  2. 将插入点放在代码中要进行检查的地方。

  3. 选择“编辑”>“平衡大括弧”。  

    此时将选中包含在圆括号、大括号和方括号之间的所有代码。再次选择“编辑”>“平衡大括弧”，选中在新选定内容中包含在圆括号、大括号和方括号之间的所有代码

检查浏览器的兼容性

浏览器兼容性检查 (BCC) 功能可以帮助您定位能够触发浏览器呈现错误的 HTML 和 CSS 组合。此功能还可测试文档中的代码是否存在目标浏览器不支持的任何 CSS 属性或值。

注：此功能取代了以前的“目标浏览器检查”功能，但是保留该功能中的 CSS 功能部分。

验证 XML 文档

您可以设置验证程序的首选参数、验证程序应该检查的特定问题、以及验证程序应该报告的错误类型。

  1. 执行下列操作之一：

    • 对于 XML 或 XHTML 文件，选择“文件”>“验证”>“为 XML”。

    • “结果”面板的“验证”选项卡将显示“没有错误或警告”消息，或者列出找到的语法错误。

  2. 双击某一错误信息可将此错误在文档中高亮显示。

  3. 若要将此报告保存为 XML 文件，请单击“保存报告”按钮。

  4. 若要在主浏览器（该浏览器允许您打印报告）中查看报告，请单击“浏览报告”按钮。

使用 W3C 验证程序验证文档 (CS5.5)

Dreamweaver CS5.5 和更高版本本身支持 W3C 验证程序，可帮助您创建符合标准的网页。W3C 验证程序可验证 HTML 文档是否符合 HTML 或 XHTML 标准。既可验证打开的文档，也可验证张贴到活动服务器上的文件。

使用验证后生成的报告修复文件中的错误。

注：  W3C 验证程序功能仅在 Dreamweaver CS5.5 和更高版本中可用。在 Dreamweaver CS4 中可用的该功能的以前版本在 Dreamweaver CS5 中已被弃用。有关该功能的以前版本的详细信息，请参阅 Dreamweaver CS4 文档。

验证打开的文档

  1. 选择“窗口”>“结果”>“W3C 验证”。

  2. 选择“文件”>“验证”>“验证当前文档 (W3C)”。

验证实时文档

对于实时文档，Dreamweaver 验证由浏览器收到的代码。在浏览器中单击右键，然后选择查看源代码的选项后，显示此代码。在验证使用 PHP、JSP 等的动态页面时，验证实时文档尤其有用。

只有在所验证页面的 URL 以 http 开头时，才会启用“验证实时文档”选项。

  1. 选择“窗口”>“结果”>“W3C 验证”。

  2. 单击“实时视图”。

  3. 选择“文件”>“验证”>“验证实时文档 (W3C)”。

对于实时文档，双击 W3C 验证面板中的错误时，将打开一个单独的窗口。该窗口中显示由浏览器生成的代码，并突出显示有错的行。

自定义验证设置

  1. 选择“窗口”>“结果”>“W3C 验证”。

  2. 在“W3C 验证”面板中，单击“W3C 验证”（播放）图标。选择“设置”。

  3. 如果尚未显式指定文档的 DOCTYPE，则选择一种用于验证的 DOCTYPE。

  4. 如果不想显示错误和警告，请清除这些选项。

  5. 如果要删除已使用“W3C 验证”面板隐藏的任何警告或错误，请单击“管理”。删除警告和错误时，如果在“W3C 验证”面板中选择“显示全部”，则不显示这些警告和错误。

  6. 如果不想在开始验证时显示“W3C 验证程序通知”对话框，则选择“不显示 W3C 验证程序通知对话框”。

使用验证报告

验证完成后，“W3C 验证”面板中将显示验证报告。

  • 有关错误或警告的详细信息，请选择“W3C 验证”面板中的错误/警告。单击“更多信息”。

  • 若要将报告保存为 XML 文件，请单击“保存报告”。

  • 若要以 HTML 形式查看整个报告，请单击“浏览报告”。HTML 报告提供错误和警告的完整列表以及摘要。

  • 若要跳转至代码中含有错误的位置，请在“W3C 验证”面板中选择该错误。单击“选项”按钮，然后选择“转到行”。

  • 若要隐藏错误/警告，请选择该错误/警告。单击“选项”按钮，然后选择“隐藏错误”。

  • 若要查看所有错误和警告（包括隐藏的错误），请单击“选项”按钮。选择“显示全部”。不列出“首选参数”对话框中删除的任何隐藏的错误和警告。

  • 若要清除“W3C 验证”面板中的所有结果，请单击“选项”按钮。选择“清除结果”。

设置验证程序首选参数

“验证标签”功能从 Dreamweaver CS5 开始已被弃用。但是，Dreamweaver 仍然支持作为扩展安装的外部代码验证程序。安装外部验证程序扩展时，Dreamweaver 会在“首选参数”对话框的“验证程序”类别中列出其首选参数。

  1. 选择“编辑”>“首选参数”(Windows) 或“Dreamweaver”>“首选参数”(Macintosh)。

  2. 从左侧的“分类”列表中选择“验证程序”。

  3. 选择验证要参照的标签库。

    不能选择同一标签库或语言的多个版本；例如，如果选择了 HTML 4.0，就不能再选择 HTML 3.2 或 HTML 2.0。选择您希望验证的最早版本；例如，如果文档包含有效的 HTML 2.0 代码，它也将是有效的 HTML 4.0 代码。

  4. 单击“选项”并为这些库设置选项。

  5. 选择要在验证程序报告中包含的错误和警告类型的“显示”选项。

  6. 选择验证程序应该检查的项目：

    文本中的引用

    表明 Dreamweaver 在每次发现您在文档的文本中使用了引号时都应向您发出警告；您在 HTML 文档的文本中应使用 &quot; 实体而不是引号。

    文本中的实体

    表明 Dreamweaver 应建议将特定字符（如“与”(&)、“小于”(<) 和“大于”(>)）更改为等效的 HTML 实体。

  7. 单击“确定”关闭“验证程序选项”对话框，并再次单击“确定”来设置首选参数。

使页符合 XHTML

当您创建页时，您可以使该页符合 XHTML。您还可以使现有的 HTML 文档符合 XHTML。

创建符合 XHTML 的文档

  1. 选择“文件”>“新建”。

  2. 选择要创建的页的类别和类型。

  3. 从对话框最右端的“DocType”弹出菜单中选择一种 XHTML 文档类型定义 (DTD)，然后单击“创建”。

    例如，可从弹出菜单中选择“XHTML 1.0 Transitional”或“XHTML 1.0 Strict”，使 HTML 文档与 XHTML 兼容。

    注：不是所有的文档类型都可以使之符合 XHTML。

默认创建符合 XHTML 的文档

  1. 选择“编辑”>“首选参数”或 Dreamweaver >“首选参数”(Mac OS X)，然后选择“新建文档”类别。

  2. 选择默认文档并从“默认文档类型(DTD)”弹出菜单中选择一种 XHTML 文档类型定义，然后单击“确定”。

    例如，可从弹出菜单中选择“XHTML 1.0 Transitional”或“XHTML 1.0 Strict”，使 HTML 文档与 XHTML 兼容。

使现有 HTML 文档符合 XHTML

  1. 打开文档，然后执行下列操作之一：

    • 对于不含框架的文档，请选择“文件”>“转换”，然后选择一种 XHTML 文档类型定义。

      例如，可从弹出菜单中选择“XHTML 1.0 Transitional”或“XHTML 1.0 Strict”，使 HTML 文档与 XHTML 兼容。

    • 对于含框架的文档，请选择框架并选择“文件”>“转换”，然后选择一种 XHTML 文档类型定义。

  2. 若要转换整个文档，请对每个框架以及框架集文档重复此步骤。

注：您不能转换模板的实例，因为模板的实例必须与它所基于的模板使用相同的语言。例如，基于 XHTML 模板的文档将始终是 XHTML，基于不符合 XHTML 的 HTML 模板的文档将始终是 HTML，并且不能把它转换为 XHTML 或其它语言。

使用 ColdFusion 调试器（仅限 Windows）

如果您是使用 ColdFusion 作为 Dreamweaver 测试服务器的 ColdFusion 开发人员，则无需离开 Dreamweaver 即可查看 ColdFusion 的调试信息。

注：Macintosh 不支持此功能。Macintosh 开发人员可以使用“在浏览器中预览”(F12) 在另外一个浏览器中打开 ColdFusion 页。如果该页包含错误，有关错误可能原因的信息将出现在该页的底部。

如果您在运行 ColdFusion MX 6.1 或早期版本，请在开始调试前确保已经在“ColdFusion 管理员”中启用了调试设置。如果您在运行 ColdFusion MX 7 或更高版本，Dreamweaver 会为您启用这些设置。

另外，请确保您的 Dreamweaver 测试服务器正在运行 ColdFusion。

为了确保每次在内部浏览器中显示页时都刷新调试信息，请确保 Internet Explorer 将在每次请求文件时检查是否有该文件的较新版本。在 Internet Explorer 中，选择“工具”>“Internet 选项”，选择“常规”选项卡，然后单击“Internet 临时文件”区域中的“设置”按钮。在“设置”对话框中，选择“每次访问此页时检查”选项。

  1. 在 Dreamweaver 中打开 ColdFusion 页。

  2. 单击“文档”工具栏上的“服务器调试”图标 。  

    Dreamweaver 从 ColdFusion 服务器中请求该页，然后在内部的 Internet Explorer 浏览器窗口中显示该文件。如果该页包含错误，错误的可能原因将出现在该页的底部。

    与此同时，“服务器调试”面板将打开。该面板提供了大量的有用信息，例如服务器对其进行处理以呈现该页的所有页、在该页上执行的所有 SQL 查询以及所有服务器变量和它们的值（如果有）。该面板还会提供执行时间摘要。

  3. 如果“异常”类别出现在“服务器调试”面板上，则单击加号 (+) 图标扩展该类别。

    如果服务器处理该页时遇到问题，则会出现“异常”类别。扩展该类别，对问题进行详细了解。

  4. 切换回“代码”视图（“视图”>“代码”）或“设计”视图（“视图”>“设计”）并修复错误。

  5. 保存文件并再次单击“服务器调试”图标。

    Dreamweaver 在内部浏览器中再次呈现该页，并且更新“服务器调试”面板。如果该页不存在其它问题，则“异常”类别将不会重新出现在此面板上。

  6. 若要退出调试模式，请切换到“代码”视图（“查看”>“代码”）或“设计”视图（“查看”>“设计”）。


 






,