这是一个非常好的问题,也是很多初学者会有的疑惑。

dreamweaver能下载网页源码
（图片来源网络，侵删）

简单直接的回答是：Dreamweaver 本身不能像浏览器插件那样，一键“下载”一个已经在线的完整网页源码。

Dreamweaver 提供了非常强大的、功能更全面的“获取”或“同步”网页源码的方式,并且比简单的下载要好得多。

下面我为你详细解释这其中的区别和具体操作方法。

为什么不能简单地“下载”？

Dreamweaver 是一个网站管理和开发工具，而不是一个下载工具，它的核心设计理念是让你管理一个本地站点，然后与远程服务器（你的网站空间）进行同步。

dreamweaver能下载网页源码
（图片来源网络，侵删）
  • 简单下载：通常是指获取一个静态的 HTML 文件，可能还包含图片、CSS、JS 文件，这种方式获取的源码可能是不完整的（CSS 和 JS 文件是外部链接的，你只下载了 HTML）。
  • Dreamweaver 的方式：它获取的是网站的一整套文件结构，它会将服务器上的所有相关文件（HTML, CSS, JavaScript, 图片, 字体等）都下载到你的本地站点文件夹中,保持原有的目录结构。

Dreamweaver 的正确“获取”源码方法：站点同步

这是最推荐、最专业的方法，通过这个方法,你可以完整地克隆一个网站到你的电脑上。

第一步：设置一个本地站点

在获取远程文件之前，你必须在 Dreamweaver 中定义一个本地文件夹来存放这些文件。

  1. 打开 Dreamweaver。
  2. 点击顶部菜单栏的 “站点” (Site) -> “新建站点” (New Site)。
  3. 在弹出的窗口中，你可以选择“基本”或“高级”设置，基本”模式对新手更友好。
  4. 输入站点名称：给你的站点起个名字，我的网站备份”。
  5. 选择本地站点文件夹：点击文件夹图标，选择一个你电脑上的空文件夹或你想存放网站文件的文件夹。这是非常重要的步骤！
  6. 点击“保存”或“完成”,你的本地站点就设置好了。

第二步：连接到远程服务器

你需要知道你的网站空间信息才能连接。

  1. 在刚刚设置的站点窗口中，切换到 “服务器” (Servers) 选项卡。
  2. 点击 号按钮,添加一个新的远程服务器。
  3. 服务器设置：
    • 服务器名称：起个名字，如“我的主机空间”。
    • 连接方法：通常选择 FTP，这是最常见的方式，如果你的空间支持 SFTP，建议使用 SFTP（更安全）。
    • FTP 地址：你的 FTP 服务器地址（通常是 ftp.yourdomain.com 或主机商提供的服务器IP）。
    • FTP 路径：通常填写 /public_html 或 /www 或 ,具体取决于你的主机空间配置。
    • FTP 用户名：你的 FTP 账户名。
    • FTP 密码：你的 FTP 密码。
    • 高级选项：可以设置“使用被动 FTP”,这能解决很多连接问题。
  4. 点击“测试”按钮，如果连接成功，会提示“成功连接到服务器”。
  5. 点击“保存”。

第三步：获取/同步网站文件

现在万事俱备,可以开始获取源码了。

dreamweaver能下载网页源码
（图片来源网络，侵删）
  1. 在 Dreamweaver 的 “文件” (Files) 面板中,确保你选中了你刚刚设置的站点。
  2. 你会看到左侧是“本地文件”，右侧是“远程服务器”。
  3. 在右侧的远程服务器列表中，右键点击你的网站根目录（通常是 public_html）。
  4. 在弹出的菜单中选择 “获取” (Get)。

“获取” vs “同步”

  • 获取：会将远程服务器上的所有文件下载到你本地的站点文件夹中，如果你的本地文件夹是空的，它就会完整克隆整个网站,这是你目前最需要的功能。
  • 同步：功能更强大，它会双向比较本地和远程的文件，然后根据你的设置（“上传”、“下载”或“两者”）来同步差异，当你网站更新后,用同步功能非常方便。

点击“获取”后，Dreamweaver 会开始下载所有文件，这个过程可能需要一些时间，取决于网站的大小和你的网速，完成后,你本地的站点文件夹里就会有完整的网站源码了。

其他“下载”源码的方法（供参考）

虽然不推荐用 Dreamweaver 做这个,但了解其他方法也有帮助：

  • 浏览器开发者工具：

    • 在网页上右键，选择 “检查” (Inspect)。
    • 在弹出的开发者工具中，切换到 “网络” (Network) 选项卡。
    • 刷新一下页面，你会看到所有加载的资源（HTML, CSS, JS, 图片等）。
    • 找到名为 document 或 index.html 的请求，右键点击并选择 “另存为” (Save as)，可以保存 HTML 文件，但这只能保存 HTML,无法获取完整的文件结构。

  • 使用命令行工具（如 wget）：

    • 如果你熟悉命令行，wget 是一个非常强大的工具，在终端中输入 wget -r -p -k -E http://www.example.com 就可以递归地下载整个网站,并尝试将链接转换为本地链接。
    • 这是开发者非常青睐的方法,但门槛较高。

  • 使用在线网站克隆工具：

    • 网上有很多提供网站克隆服务的在线工具，你只需输入网址,它就会打包下载整个网站。
    • 注意：这些工具可能存在安全风险,且不适合处理包含敏感信息的网站。
方法 优点 缺点 适用场景
Dreamweaver 站点同步 功能最强大，能完整获取文件结构，支持后续的编辑、管理和上传更新，是专业工作流。 设置相对复杂，需要 FTP 等服务器信息。 强烈推荐，当你需要获取网站源码进行学习、修改、备份或二次开发时。
浏览器开发者工具 快速、方便，无需额外软件。 只能获取 HTML 代码，无法下载完整文件结构（CSS, JS, 图片等）。 快速查看或复制某个页面的 HTML 结构。
命令行 wget 功能强大，可定制性高，适合自动化。 需要命令行知识，对新手不友好。 开发者或需要批量处理网站时。
在线克隆工具 操作简单，无需技术知识。 可能有安全风险，无法保证完整性，不适合修改。 快速做个静态备份，不进行后续开发。

如果你是为了学习、修改或管理一个网站，Dreamweaver 的“站点同步”功能是获取网页源码的最佳和最专业的方式，虽然设置步骤多一些，但它为你提供了一个完整的、可编辑的网站开发环境。