重新启动 Dreamweaver。 如果 Dreamweaver 无法创建节点服务器实例,重新启动 Dreamweaver 可解决此问题。
如果此操作没有帮助,请继续执行步骤 2 和 3。
无法在设备上预览或检查您的网页? 查看这些提示以针对 Dreamweaver 中的设备预览问题进行故障排除。
检查是否满足设备预览的以下先决条件。 如果您仍然遇到问题,请参阅高级故障排除技巧。
如果运行 Dreamweaver 的计算机和您的设备连接到不同的网络,则设备预览无法正常工作。 例如,如果您的设备使用的是由移动服务提供商提供的网络连接,但 Dreamweaver 在您的家庭网络上运行,则设备预览无法正常工作。
确保您的所有设备和台式计算机均位于同一个网络中。
需要在设备的浏览器的设置中启用 JavaScript 和 Cookie 后才能使用设备预览。 转到设备的浏览器的设置屏幕,搜索 JavaScript 和 Cookie,然后将其启用。
需要使用您的 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 节点服务器。 如果系统管理员阻止了以下一项或两项,则设备预览无法正常工作:
要解决此问题,请执行以下步骤:
重新启动 Dreamweaver。 如果 Dreamweaver 无法创建节点服务器实例,重新启动 Dreamweaver 可解决此问题。
如果此操作没有帮助,请继续执行步骤 2 和 3。
从节点服务器为设备预览服务分配特定端口。 您需要在 NodePort.json 文件中添加此端口号以及设备预览密钥。 有关此操作的过程描述,请单击此处。
创建文件 NodePort.json,并按以下格式在该文件中指定端口号:
确保您的系统管理员未阻止此端口号。
{
“previewport” : <端口号>
}
例如,如果 8010 是您要使用的端口号:
{
“previewport” : 8010
}
如果您已经创建了包含键值对的 NodePort.json 文件,则可以使用逗号来分隔新的键值对或在单独的行中指定新的键值对。
请将 NodePort.json 文件保存到以下路径中:
重新启动 Dreamweaver。
如果台式计算机上的防火墙设置或您的企业防火墙阻止来自外部设备的连接,则设备无法连接到 Dreamweaver。
配置计算机上的防火墙设置以允许来自外部设备的连接。 如果您使用的是办公室计算机,请与您的系统管理员联系以获取帮助。
如果您的防火墙配置为当有外部设备尝试连接时进行提示,则其将提示您允许访问 Dreamweaver 节点服务器。 例如,如果您已配置了 Windows 防火墙,则将会出现带有“允许访问”选项的提示。 选择合适的网络(公共或专用),然后单击“允许访问”。
注意:要查看您的计算机所在的网络,请从控制面板中打开 Windows 防火墙设置,然后查看设置。
从节点服务器为设备预览服务分配特定端口。 您需要在 NodePort.json 文件中添加此端口号以及设备预览密钥。 有关此操作的过程描述,请单击此处。
如果运行 Dreamweaver 的计算机的 IP 地址不在代理服务器的白名单中,则设备预览可能无法正常工作。
请与系统管理员联系,将您的计算机添加到代理服务器设置的白名单中。
需要在设备的浏览器的设置中启用 JavaScript 和 Cookie 后才能使用设备预览。 转到设备的浏览器的设置屏幕,搜索 JavaScript 和 Cookie,然后将其启用。 然后重新扫描 QR 代码以在设备上预览您的网页。
您在以下情况中将被重定向到这篇文章:
如果运行 Dreamweaver 的计算机和您的设备连接到不同的网络,则设备预览无法正常工作。 例如,如果您的设备使用的是由移动服务提供商提供的网络连接,但 Dreamweaver 在您的家庭网络上运行,则设备预览无法正常工作。
确保所有设备和台式计算机使用同一网络,然后尝试预览您的网页。
要在您的设备上查看页面布局,请使用此解决方法。执行以下步骤:
打开 Dreamweaver 并触发预览(实时预览或在浏览器中打开)。这会在 DW 启动时生成会话令牌。
从位于以下位置的 DWPreviewToken.json 文件中读取会话令牌:
打开该文件。它包含如下 JSON 对象:
{
"token": "xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx"
}
找到 DW 中显示的预览 URL(格式:http://127.0.0.1:<端口>/preview/app/index.html)。将 127.0.0.1 替换为您计算机的局域网 IP 地址。示例:http://192.168.1.10:<端口>/preview/app/index.html
将文件中的 ?token=<值> 附加到 LAN IP URL。示例:
http://192.168.1.10:<端口>/preview/app/index.html?token=xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx
在连接到与您计算机相同网络的任何设备上使用此完整 URL。页面应在您的移动设备上加载。
每次重新启动 Dreamweaver 时,令牌都会更改。如果您重新启动 DW,请重复步骤 2–4。