设备预览 - 故障排除

上次更新日期: 2023年3月9日

无法在设备上预览或检查您的网页? 查看这些提示以针对 Dreamweaver 中的设备预览问题进行故障排除。

从 2021 年 11 月 16 日起,所有 Dreamweaver 版本上均已停用跨越多个设备预览页面的功能。 我们提倡您探索在多个浏览器上预览页面的实时预览功能。 您可以使用此解决方法在您的设备上进行设备预览。

首先检查这些内容...

检查是否满足设备预览的以下先决条件。 如果您仍然遇到问题,请参阅高级故障排除技巧

您的设备和 Dreamweaver 是否连接到 Internet,且位于同一网络中?

如果运行 Dreamweaver 的计算机和您的设备连接到不同的网络,则设备预览无法正常工作。 例如,如果您的设备使用的是由移动服务提供商提供的网络连接,但 Dreamweaver 在您的家庭网络上运行,则设备预览无法正常工作。

确保您的所有设备和台式计算机均位于同一个网络中。

您是否在设备的浏览器中启用了 JavaScript 和 Cookie?

需要在设备的浏览器的设置中启用 JavaScript 和 Cookie 后才能使用设备预览。 转到设备的浏览器的设置屏幕,搜索 JavaScript 和 Cookie,然后将其启用。

您是否在 Dreamweaver 和设备中使用同一个 Adobe ID?

需要使用您的 Adobe ID 登录设备后才能使用设备预览服务。 此 Adobe ID 必须与用于购买或试用 Dreamweaver 会员资格的 ID 相同。 如果您使用另一个 Adobe ID,从技术上而言可在设备上验证您的登录,但您不能预览页面。只有使用 Dreamweaver 中的 ID 登录后才能预览页面。

要检查当前 Dreamweaver 中使用的是哪一个 Adobe ID,请单击“帮助”>“注销 <您的 Adobe ID>”。

您是否已打开要预览的有效文档?

从技术上来说,您可在设备上预览 Dreamweaver 实时视图中呈现的任何文档。 所以,您可在设备上预览文档(如 HTML 和 PHP)。 当您尝试预览其他文件(如 CSS、XML、LESS 和 JS)时,设备会显示错误,提示您必须在 Dreamweaver 中打开一个有效的文档以供预览。

您是否具有访问设备预览服务所需的权限?

如果您使用的是 Dreamweaver 的企业帐户,则可能无权访问设备预览服务。 请联系您的系统管理员以确保您具有使用该服务所需的权限。

高级故障排除

无法启动设备预览服务

Dreamweaver 在节点分配的随机端口上运行设备预览服务的本地 HTTP 节点服务器。 如果系统管理员阻止了以下一项或两项,则设备预览无法正常工作:

  • 节点服务器分配的随机端口
  • 本地主机的 IP 地址:127.0.0.1

要解决此问题,请执行以下步骤:

重新启动 Dreamweaver。 如果 Dreamweaver 无法创建节点服务器实例,重新启动 Dreamweaver 可解决此问题。

如果此操作没有帮助,请继续执行步骤 2 和 3。

从节点服务器为设备预览服务分配特定端口。 您需要在 NodePort.json 文件中添加此端口号以及设备预览密钥。 有关此操作的过程描述,请单击此处。 

创建 NodePort.json 文件

创建文件 NodePort.json,并按以下格式在该文件中指定端口号:

注释

确保您的系统管理员未阻止此端口号。

{
"previewport" : <portnumber>
}

例如,如果 8010 是您要使用的端口号:

{
"previewport" : 8010
}

注释

如果您已经创建了包含键值对的 NodePort.json 文件,则可以使用逗号来分隔新的键值对或在单独的行中指定新的键值对。

请将 NodePort.json 文件保存到以下路径中:

  • Win%appdata%\Adobe\Dreamweaver CC 2015\zh_CN\Configuration
  • Mac~/Library/Application Support/Adobe/Dreamweaver CC 2015/zh_CN/Configuration

重新启动 Dreamweaver。

防火墙设置阻止与 Dreamweaver 的连接

如果台式计算机上的防火墙设置或您的企业防火墙阻止来自外部设备的连接,则设备无法连接到 Dreamweaver。 

配置计算机上的防火墙设置以允许来自外部设备的连接。 如果您使用的是办公室计算机,请与您的系统管理员联系以获取帮助。

如果您的防火墙配置为当有外部设备尝试连接时进行提示,则其将提示您允许访问 Dreamweaver 节点服务器。 例如,如果您已配置了 Windows 防火墙,则将会出现带有“允许访问”选项的提示。 选择合适的网络(公共或专用),然后单击“允许访问”。

注意:要查看您的计算机所在的网络,请从控制面板中打开 Windows 防火墙设置,然后查看设置。

从节点服务器为设备预览服务分配特定端口。 您需要在 NodePort.json 文件中添加此端口号以及设备预览密钥。 有关此操作的过程描述,请单击此处。 

代理服务器设置阻止与外部设备的连接

如果运行 Dreamweaver 的计算机的 IP 地址不在代理服务器的白名单中,则设备预览可能无法正常工作。

请与系统管理员联系,将您的计算机添加到代理服务器设置的白名单中。

您的设备的浏览器中未启用 JavaScript 和 Cookie

需要在设备的浏览器的设置中启用 JavaScript 和 Cookie 后才能使用设备预览。 转到设备的浏览器的设置屏幕,搜索 JavaScript 和 Cookie,然后将其启用。 然后重新扫描 QR 代码以在设备上预览您的网页。

预览无法正常工作,我被重定向到这篇文章

从 2021 年 11 月 16 日起,所有 Dreamweaver 版本上均已停用跨越多个设备预览页面的功能。 我们提倡您探索在多个浏览器上预览页面的实时预览功能。 您可以使用此解决方法在您的设备上进行设备预览。

您在以下情况中将被重定向到这篇文章:

  • 设备无法连接到 Dreamweaver.
    • 您的设备和 Dreamweaver 位于不同的网络。

      如果运行 Dreamweaver 的计算机和您的设备连接到不同的网络,则设备预览无法正常工作。 例如,如果您的设备使用的是由移动服务提供商提供的网络连接,但 Dreamweaver 在您的家庭网络上运行,则设备预览无法正常工作。

      确保所有设备和台式计算机使用同一网络,然后尝试预览您的网页。

    • 您的计算机上的防火墙设置阻止来自设备的传入连接。
  • 您正在从您的设备上访问一个无效的或旧的 URL(短的 adobe.ly URL)。 重新扫描 QR 代码以在您的设备上预览该页面。
  • 您正在 Windows 8.1 专业版操作系统上通过 Internet Explorer 11 访问该网页。 确保 Internet Explorer 的版本是 11.0.9600.17690 或更高,或者使用其他浏览器进行预览。
  • 出现一个内部错误。 尝试稍后预览您的网页,或重新启动 Dreamweaver。

在 Dreamweaver 中使用设备预览的解决方法

要在您的设备上查看页面布局,您可以使用此解决方法。 执行以下步骤:

使用链接如何设置测试服务器设置测试服务器。

保存并将文件推送到测试服务器。 启用标准工具栏(窗口 > 工具栏 > 标准)在测试服务器上查找网页的 URL。

从 Dreamweaver 应用程序捕获 URL 并将其粘贴到您的移动浏览器中。 URL 的格式为 - http://localhost/Devicepreview/index.html。 将 localhost 替换为您计算机的 IP 地址。 示例 -http://xx.xxx.xxx.xxx/Devicepreview/index.html 其中 xx.xxx.xxx.xxx 是计算机的 IP 地址。

在与计算机连接到同一互联网连接的任何设备上使用上述 URL(带有 IP 地址),您应该能够在该设备上查看网页。