代码导航器可显示与页面上特定选定内容相关的代码源列表。使用代码导航器导航到相关的代码源，例如内部和外部 CSS 规则、服务器端包含、外部 JavaScript 文件、父模板文件、库文件和 iframe 源文件。在代码导航器中单击某一链接时，Dreamweaver 将打开包含相关代码片段的文件。如果启用该文件，则该文件将显示在相关文件区域。如果未启用相关的文件，则 Dreamweaver 将在“文档”窗口中将所选文件作为单独的文档打开。

当单击代码导航器中的 CSS 规则时，Dreamweaver 直接将您转到该规则。如果该规则在文件内部，则 Dreamweaver 会在“拆分”视图中显示该规则。如果该规则位于外部 CSS 文件中，则 Dreamweaver 会打开该文件并在主文档上方的相关文件区域中显示该文件。

可以从“设计”视图、“代码”视图和“拆分”视图以及“代码检查器”访问代码导航器。

Dreamweaver 工程团队提供了有关使用代码浏览器的视频概览，如欲获得该视频资料，请访问 www.adobe.com/go/dw10codenav。

有关使用“实时”视图、相关文件和代码导航器的视频教程，请参阅 www.adobe.com/go/lrvid4044_dw。