相关文件功能让用户可以访问与其正在处理的文件关联的辅助性相关文件。相关文件可以是 CSS、脚本、服务器端包含文件 (SSI) 或 XML 文件。

例如，如果某个 CSS 文件与主文件关联，则此功能有助于查看和编辑此 CSS 文件。用户还可以在编辑相关文件的同时查看主文件。

当从本地站点路径打开某个文档且该文档将不从测试服务器加载时，资源不在本地计算机上的协议相对 URL（以 // 开头）和文件协议 URL（以 file:// 或 file:/// 开头）现在将通过 http 进行解析。

1. 如果资源在 http 上不可用，则 Dreamweaver 将尝试从 https 加载相关文件。
2. 如果资源在 https 上也不可用，则 Dreamweaver 无法加载相关文件或资源。此外，如果放置资源的网络服务器需要身份验证，则将显示一个登录对话框。

相关文件通过协助用户执行以下任务来增强用户的编辑体验：

• 用户可以在查看主文件的同时查看和访问相关文件。查看包含相关文件（例如，CSS 文件）的页面时，您可以看到以下内容：

  • 一侧是页面设计

  • 另一侧是相关文件

• 相关文件栏包含影响父 HTML 的生成的文档。用户可以查看源 HTML、生成的 HTML 和第一级子文档。

• 选择相关文件栏中显示的任何相关文件将使用户能够执行以下任务：

  • 在代码视图中查看和编辑相关文件

  • 在设计视图中查看父页面

• 如果在设计视图中选择内容并在相关文件中进行更改，则当用户刷新设计视图时，将不会取消选择。

• 如果更改相关文件代码，则更改将会反映在设计视图中。

如果找不到文件，则会在空窗口框顶部的栏中显示未找到文件消息。

相关文件术语

以下术语通常会与相关文件一起使用：

支持以下相关文件：

相关文件 API

您可以自定义相关文件菜单以显示以下内容：

• 相关文件的文件名

• 源 HTML 和生成的源代码

dreamweaver.openRelatedFile() 功能在代码视图中显示相关文件，dreamweaver.getActiveRelatedFilePath() 功能显示当前打开的相关文件的路径。有关使用这些 API 的更多信息，请参阅 Dreamweaver API 参考中的“相关文件功能”。