使用文档工具栏

文档工具栏中包含按钮，这些按钮使您可以在文档的不同视图间快速切换：“代码”视图、“设计”视图、同时显示“代码”和“设计”视图的拆分视图以及“实时数据”视图（请参见在“设计”视图中查看活动数据）。工具栏中还包含一些与查看文档、在本地和远程站点间传输文档以及调试 JavaScript 代码有关的普通命令和选项。

若要查看或隐藏文档工具栏，请选择“查看”>“工具栏”>“文档”。

“显示代码视图”仅在“文档”窗口中显示“代码”视图。

“显示代码视图和设计视图”在“文档”窗口的一部分中显示“代码”视图，而在另一部分中显示“设计”视图。

当选择了这种组合视图时，“视图选项”菜单中的“在顶部查看设计视图”选项变为可用。请使用该选项指定在“文档”窗口的顶部显示哪种视图。

“显示设计视图”仅在“文档”窗口中显示“设计”视图。

您还可以在“查看”菜单中选择视图。

“标题”允许您为文档输入一个标题，它将显示在浏览器的标题条中。

如果文档已经有了一个标题，则该标题将显示在该区域中。

“文件管理”显示“文件管理”弹出式菜单。

“在浏览器中预览/调试”允许您在浏览器中预览或调试文档。从该弹出式菜单中选择一个浏览器。

若要向菜单中添加浏览器或者更改列出的浏览器，请选择“编辑浏览器列表”。

“刷新设计视图”当您在“代码”视图中进行更改后刷新文档的“设计”视图。

在执行某些操作（如保存文件或单击该按钮）之前，您在“代码”视图中所做的更改不会自动显示在“设计”视图中。

“参考”显示“参考”面板。

“参考”面板包含有关 HTML、CSS、JavaScript、CFML、ASP 和 JSP 的参考信息。有关更多信息，请参见访问语言参考。

“代码导航”允许您在 JavaScript 代码中进行导航。有关更多信息，请参见使用 JavaScript 调试器。

“视图选项”允许您为“代码”视图和“设计”视图设置选项，其中包括对哪个视图显示在上面进行选择。

有关“代码”视图选项的更多信息，请参见设置查看参数。

“设计”视图选项允许您同时隐藏全部的可视化助理（如表格边框、层边框和框架边框），或者根据需要显示或隐藏单个的可视化助理。这些选项还允许您查看头内容和可视化向导。这些选项还可以在“查看”菜单中找到。有关它们的更多信息，请参见选择“文档”窗口中的元素、查看和编辑头内容和在设计过程中使用可视化向导。

当同时显示“代码”视图和“设计”视图时，两组选项都可以在菜单中使用。