本页主题: DW是怎样优化和调试代码的? 打印 | 加为IE收藏 | 收藏主题 | 上一主题 | 下一主题

df—xue

该用户目前不在线
级别: 论坛版主
精华: 0
发帖: 91
威望: 92 点
金钱: 910 RMB
贡献值: 0 点
注册时间:2007-07-21
最后登录:2008-04-04

DW是怎样优化和调试代码的?

清理代码
Dreamweaver 可以自动删除空标签,合并嵌套 font 标签,以及通过其它方法改善杂乱或不可读的 HTML 或 XHTML 代码。
有关如何清理从 Microsoft Word 文档生成的 HTML 的信息,请参见打开现有文档。
若要清理代码,请执行以下操作:
  1. 打开一个文档:
    • 如果该文档为 HTML 格式,请选择“命令”>“清理 HTML”。
    • 如果该文档为 XHTML 格式,请选择“命令”>“清理 XHTML”。 对于 XHTML 文档,“清理 XHTML”命令可以修正 XHTML 的语法错误、将标签属性的大小写特性设置为小写,并且,除了执行 HTML 清理操作外,还可以添加或报告标签所缺少的必需属性。
在出现的对话框中,选择任一选项。 有关更多信息,请参见设置“清理 HTML”对话框选项。
单击“确定”。 根据文档大小和所选选项数目的不同,可能需要几秒钟完成清理。

    验证标签和括号是否对称
    您可以检查以确保页面上的圆括号 (( ))、大括弧 ({ }) 和方括号 ([ ]) 是对称的。对称的意思是每个开始的标签、圆括号、大括号和方括号有相应的结束部分,反之亦然。
    若要检查标签是否对称,请执行以下操作:
    1. 在“代码”视图中打开该文档。
    2. 将插入点放在嵌套代码中要进行检查的地方。
    3. 选择“编辑”>“选择父标签”。 在代码中选中两侧的匹配标签(以及它们之间的内容)。如果您继续选择“编辑”>“选择父标签”且您的标签已对称,则 Dreamweaver 最终将选择最外面的 html/html 标签。
    若要检查圆括号、大括弧和方括号是否对称,请执行以下操作:
    1. 在“代码”视图中打开该文档。
    2. 将插入点放在代码中要进行检查的地方。
    3. 选择“编辑”>“平衡大括弧”。 此时将选中包含在圆括号、大括弧和方括号之间的所有代码。再次选择“编辑”>“平衡大括弧”,选中在新选择的内容中包含在圆括号、大括号和方括号之间的所有代码。
顶端 Posted: 2007-12-06 12:34 | [楼 主]
df—xue

该用户目前不在线
级别: 论坛版主
精华: 0
发帖: 91
威望: 92 点
金钱: 910 RMB
贡献值: 0 点
注册时间:2007-07-21
最后登录:2008-04-04

检查浏览器的兼容性
Dreamweaver 使您能够使用由所有主要图形浏览器支持的元素(例如图像和文本)以及只有较新浏览器支持的元素(例如 CSS 样式)来创建 Web 页。
您应该确定站点面向的会是哪些用户,以及用户可能使用的浏览器。如果大多数用户使用 Netscape 4 浏览器(例如,这种情况在一些学术 Intranet 环境下仍然存在),您应该避免使用此浏览器所不支持的标签。
“检查目标浏览器”功能对文档中的代码进行测试,检查是否存在目标浏览器所不支持的任何标签、属性、CSS 属性和 CSS 值。此检查对文档不作任何方式的更改。
目标浏览器检查可提供有关三个级别的潜在问题的信息:错误、警告和告知性信息。下面的说明将解释这三个级别之间的差别:
  • 错误表示代码可能在特定浏览器中导致严重的、可见的问题,例如导致页面的某些部分消失。(某些情况下,具有未知效果的代码也标记为错误。)
  • 警告表示一段代码将不能在特定浏览器中正确显示,但不会导致任何严重的显示问题。
  • 告知性信息表示代码在特定浏览器中不受支持,但没有可见的影响;例如,img 标签的 galleryimg 属性在一些浏览器中不受支持,但那些浏览器会忽略该属性,所以它不会有任何可见的影响。
默认情况下,每当打开一个文档时,Dreamweaver 自动执行目标浏览器检查。可在文档、文件夹或整个站点上运行手动目标浏览器检查。
注意

目标浏览器检查不会连续更新。更改代码后,手动运行目标浏览器检查,以确认您已经去除了不可用于目标浏览器的代码。
目标浏览器检查并不检查站点中的脚本。另外,目标浏览器检查并不是一个语法验证程序,它仅检测目标浏览器不支持的标记。
注意

“检查目标浏览器”功能使用所谓的“浏览器配置文件”的文本文件来确定特定浏览器所支持的标签。有关如何修改现有配置文件或创建新配置文件的信息,请参见位于 www.macromedia.com/go/dreamweaver_support_cn 上的“自定义 Dreamweaver”。
若要选择 Dreamweaver 将进行检查的浏览器,请执行以下操作:
  1. 在“文档”工具栏中的“目标浏览器检查”菜单中选择“设置”。出现“目标浏览器”对话框。
  2. 选择每个您要检查的浏览器旁边的复选框。
  3. 对于每个选定的浏览器,从相应的弹出菜单中选择要检查的浏览器的最低版本。 例如,若要验证 Microsoft Internet Explorer 3.0 及其更高版本和 Netscape Navigator 4.0 及其更高版本是否支持文档中的所有标记,请选择位于这些浏览器名称旁边的复选框,然后,从 Microsoft Internet Explorer 弹出菜单中选择 3.0,从 Netscape Navigator 弹出菜单中选择 4.0。
若要查看目标浏览器自动检查的结果,请执行以下操作之一:
  • 在“代码”视图中,打开并查看文件(“查看”>“代码”或“查看”>“代码和设计”)。
  • 在“代码”视图中进行更改后,请在属性检查器中单击“刷新”按钮或按 F5 键。
对于每个在其中一个目标浏览器中被认为是错误的项目,其名称下面都将显示红色波浪下划线。(警告和告知性信息不会在“代码”视图中标记出来,若要查看警告和告知性信息,请查看针对整个文档的报告。)如果 Dreamweaver 没有发现不支持的标记,则不会出现下划线,并且“文档”工具栏的“目标浏览器检查”菜单图标将出现变化,提示没有错误。
提示

若要简便地使用与目标浏览器检查有关的各种命令,请通过右键单击 (Windows) 或按住 Control 键单击 (Macintosh) 任一带有红色下划线的项目从上下文菜单中选择一个命令。
若要检查有哪些浏览器不支持某个特定的有红色下划线的项目,请执行以下操作:
  • 将鼠标指针指向带有红色下划线的文本。
此时会出现工具提示,指示有哪些浏览器不支持该项目。
若要查看整篇文档的“检查目标浏览器”报告,请执行以下操作:
  • 在“文档”工具栏的“目标浏览器检查”菜单中,选择“显示所有错误”。
此时会出现“结果”面板组,其中“目标浏览器检查”面板已被选中。错误以红色惊叹号图标标记,警告以黄色惊叹号图标标记,告知性信息以文字气球图标标记。
若要在“目标浏览器检查”面板上查看一条较长的错误信息,请执行以下操作:
  1. 打开“目标浏览器检查”面板。
  2. 选择一条过长的不能在面板中阅读的错误信息。
  3. 单击“更多信息”按钮。
此时会出现“描述”对话框,显示选定错误信息的完整文本。
若要禁用自动目标浏览器检查,请执行以下操作:
  • 从“文档”工具栏上的“目标浏览器检查”菜单中,取消选择“打开时自动检查”。
若要跳转到代码中的下一个或上一个错误,请执行以下操作:
  • 在“文档”工具栏上的“目标浏览器检查”菜单中选择“下一个错误”或“上一个错误”。
若要从“目标浏览器检查”面板中跳转到某个特定的错误,请执行以下操作:
  • 双击该错误信息。
在“代码”视图中将选中不支持的标记。
若要在当前文件中手动运行目标浏览器检查,请执行以下操作:
  • 选择“文件”>“检查页”>“检查目标浏览器”。
报告将显示在“目标浏览器检查”面板(在“结果”面板组中)中。
若要在站点上或一组选定的文件上手动运行目标浏览器检查,请执行以下操作:
  1. 在“文件”面板上的“本地”视图中,选择一组文件或包含整个站点的文件夹。
  2. 选择“文件”>“检查页”>“检查目标浏览器”。 报告将显示在“目标浏览器检查”面板(在“结果”面板组中)中。
  3. 若要取消正在运行的报告,请单击位于“目标浏览器检查”面板上的“停止”按钮。
若要在查看当前文档报告和查看整个站点报告之间进行切换,请执行以下操作:
  • 在“目标浏览器检查”面板中,从弹出菜单中选择“当前文档”或“站点报告”。
若要保存目标浏览器检查报告,请执行以下操作:
  • 在“目标浏览器检查”面板中单击“保存报告”按钮。
    注意

    目标浏览器检查报告并不是自动保存的,如果您想保留一份副本作为以后的参考,请保存该报告。
若要在浏览器中查看目标浏览器检查报告,请执行以下操作:
  • 在“目标浏览器检查”面板中单击“浏览报告”按钮。
若要修正错误,请执行以下操作:
  • 删除不支持的代码,或将它更改成目标浏览器能够支持的其它代码。
若要指定 Dreamweaver 应忽略特定类型的错误,请执行以下操作:
  • 右键单击 (Windows) 或者按住 Control 键单击 (Macintosh) 标有红色下划线的代码,然后从上下文菜单中选择“忽略错误”。
该类型的错误即更改为警告,Dreamweaver 将在所有文档中停止对该类型的错误标记下划线。
顶端 Posted: 2007-12-06 12:35 | 1 楼
df—xue

该用户目前不在线
级别: 论坛版主
精华: 0
发帖: 91
威望: 92 点
金钱: 910 RMB
贡献值: 0 点
注册时间:2007-07-21
最后登录:2008-04-04

验证标签
您可以使用 Dreamweaver 查明代码是否存在标签错误或语法错误。Dreamweaver 可以对多种语言(包括 HTML、XHTML、ColdFusion Markup Language (CFML)、JavaServer Pages (JSP)、Wireless Markup Language (WML) 和 XML)的文档进行验证。
注意

要对文档进行辅助功能验证,请参见测试站点。
您可以验证当前文档或选定的标签。
若要验证标签,请执行以下操作:
  1. 执行下列操作之一:
    • 对于 XML(或 XHTML)文件,选择“文件”>“检查页”>“验证为 XML”。
    • 否则,选择“文件”>“检查页”>“验证标记”。
“结果”面板的“验证”选项卡将显示“没有错误或警告”消息,或者列出找到的语法错误。
  • 双击某一错误信息可将此错误在文档中高亮显示。
  • 若要将此报告保存为 XML 文件,请单击“保存报告”按钮。
  • 若要在主浏览器(该浏览器允许您打印报告)中查看报告,请单击“浏览报告”按钮。
  • 您可以设置该验证程序的首选参数,例如指定该验证程序应依据哪些基于标签的语言来进行检查、该验证程序应检查哪些特定问题以及该验证程序应报告哪些类型的错误。有关更多信息,请参见设置验证程序首选参数。
    顶端 Posted: 2007-12-06 12:37 | 2 楼
    df—xue

    该用户目前不在线
    级别: 论坛版主
    精华: 0
    发帖: 91
    威望: 92 点
    金钱: 910 RMB
    贡献值: 0 点
    注册时间:2007-07-21
    最后登录:2008-04-04

    使页符合 XHTML
    当您创建新页时,您可以使该页符合 XHTML。您还可以使现有的 HTML 文档符合 XHTML。
    若要新建符合 XHTML 的文档,请执行以下操作:
    1. 选择“文件”>“新建”。 即出现“新建文档”对话框。
    2. 选择要创建的页面的类别和类型。
    3. 从“文档类型 (DTD)”弹出式菜单中选择一种 XHTML 文档类型定义 (DTD)。 例如,可从弹出式菜单中选择“XHTML 1.0 Transitional”或“XHTML 1.0 Strict”,使 HTML 文档与 XHTML 兼容。
      注意

      不是所有的文档类型都可以使之符合 XHTML。
    4. 单击“确定”。
    若要以默认方式创建符合 XHTML 的文档,请执行以下操作:
    1. 选择“编辑”>“首选参数”或 Dreamweaver>“首选参数”(Mac OS X),然后选择“新建文档”类别。
    2. 在“新建文档”类别中,选择默认文档并从“默认文档类型 (DTD)”弹出式菜单中选择一种 XHTML 文档类型定义 (DTD)。 例如,可从弹出式菜单中选择“XHTML 1.0 Transitional”或“XHTML 1.0 Strict”,使 HTML 文档与 XHTML 兼容。
    3. 单击“确定”。
    若要使现有 HTML 文档符合 XHTML,请执行以下操作:
    • 打开文档,然后执行下列操作之一:
      • 对于不含框架的文档,请选择“文件”>“转换”,然后选择一种 XHTML 文档类型定义。 例如,可从弹出式菜单中选择“XHTML 1.0 Transitional”或“XHTML 1.0 Strict”,使 HTML 文档与 XHTML 兼容。
      • 对于含框架的文档,请选择框架并选择“文件”>“转换”,然后选择一种 XHTML 文档类型定义。 若要转换整个文档,请对每个框架以及框架页文档重复此步骤。
        注意

        您不能转换模板的实例,因为模板的实例必须与它所基于的模板使用相同的语言。例如,基于 XHTML 模板的文档将始终是 XHTML,基于不符合 XHTML 的 HTML 模板的文档将始终是 HTML,并且不能把它转换为 XHTML 或其它语言。
    顶端 Posted: 2007-12-06 12:37 | 3 楼
    df—xue

    该用户目前不在线
    级别: 论坛版主
    精华: 0
    发帖: 91
    威望: 92 点
    金钱: 910 RMB
    贡献值: 0 点
    注册时间:2007-07-21
    最后登录:2008-04-04

    使用 ColdFusion 调试器(仅限 Windows)
    如果您是将 Macromedia ColdFusion 用作 Dreamweaver 测试服务器的 ColdFusion 开发人员,则无需退出 Dreamweaver 即可查看 ColdFusion 的调试信息。
    注意

    Macintosh 不支持此功能。Macintosh 开发人员可以使用“在浏览器中预览”(F12) 在另外一个浏览器中打开 ColdFusion 页。如果该页包含错误,有关错误可能原因的信息将出现在该页的底部。
    如果您在运行 ColdFusion MX 6.1 或更早期的版本,请在开始调试前确保已经在“ColdFusion 管理员”中启用调试设置。有关更多信息,请参见“使用 Dreamweaver” 中的 ColdFusion 文档(“帮助”>“使用 ColdFusion”)。如果您在运行 ColdFusion MX 7 或更高版本,Dreamweaver 会为您启用设置。
    另外,请确保您的 Dreamweaver 测试服务器正在运行 ColdFusion。有关 Dreamweaver 测试服务器的更多信息,请参见指定可在哪里处理动态页。
    提示

    为了确保每次在内部浏览器中显示页时都刷新调试信息,请确保 Internet Explorer 将在每次请求文件时检查该文件的较新版本。在 Internet Explorer 中,选择“工具”>“Internet 选项”,选择“常规”选项卡,然后单击“Internet 临时文件”区域中的“设置”按钮。在“设置”对话框中,选择“每次访问此页时检查”选项。
    若要调试 ColdFusion 页,请执行以下操作:
    1. 在 Dreamweaver 中打开该 ColdFusion 页。
    2. 单击“文档”工具栏上的“服务器调试”图标。Dreamweaver 从 ColdFusion 服务器中请求该页,然后在内部的 Internet Explorer 浏览器窗口中显示该文件。如果该页包含错误,错误的可能原因将出现在该页的底部。
      与此同时,“服务器调试”面板打开。该面板提供了大量的有用信息,例如服务器对其进行处理以呈现该页的所有页、在该页上执行的所有 SQL 查询以及所有服务器变量和它们的值(如果有)。该面板还会提供执行时间摘要。
    3. 如果“异常”类别出现在“服务器调试”面板上,则单击加号 (+) 图标扩展该类别。 如果服务器遇到该页的问题,则“异常”类别会出现。扩展该类别,对问题进行详细了解。
    4. 在“服务器调试”面板的“位置”列中,单击该页的 URL,在“代码”视图中打开该页并修正该页。 如果 Dreamweaver 可以定位该页,该页将打开,而一个或多个问题行会在该页中高亮显示。如果 Dreamweaver 无法定位该页,它会向您询问其位置。
    5. 修正错误,将文件保存到服务器,然后单击“浏览”。 Dreamweaver 在内部浏览器中再次呈现该页,并且更新“服务器调试”面板。如果该页不存在其它问题,则“异常”类别将不会重新出现在此面板上。
    6. 若要退出调试模式,请切换到“代码”视图(“查看”>“代码”)或“设计”视图(“查看”>“设计”)。
    顶端 Posted: 2007-12-06 12:38 | 4 楼
    开源嘛论坛 » Dreamweaver梦幻制作

    Guest cache page, Update at 2008-12-02 06:58 桂ICP备07006725号
    Powered by PHPWind v6.0 Certificate Code © 2003-07 PHPWind.com Corporation