如何使用 Web Inspector 在 BrightSign 上远程调试 HTML

Question

我正在尝试为某些 BrightSign 单元开发 HTML 显示，类似于数字公告板。 HTML 使用 JavaScript 查询 API 来获取一些统计数据，进行一些计算，然后格式化并显示 HTML 文档中的信息，该文档显示在 BrightSign 上。

该代码在 PC 上完美运行，我什至下载了 BrightSign 指示用于在 BrightSign 上的固件版本上进行渲染的确切版本的 Chromium，只是为了确保我的开发环境与将要运行的环境完全相同生产单位。

但是，当我上传代码时，会显示 HTML，并且我可以知道 JavaScript 正在运行，因为很多小部件正在加载。我知道它可以连接到外部数据，因为天气小部件是从网络服务器获取的。然而，有些东西阻止了检索 API 数据的代码的显示，我只是得到了一堆空白数据字段。

我尝试按照 BrightSign 的说明启用远程 Web 检查器来尝试找出错误所在：调试网页

然而，这些方向似乎对我无法找到的先验知识做出了很多假设。我已在设备上启用了允许 JavaScript 控制台，并在 BrightAuthor 项目中选择了启用 JavaScript 控制台。但是，当我尝试连接到控制台时，我什么也没得到。

为了确保我正确地执行了客户端操作，我启动了第二个启用了远程调试的 Chrome 会话，并且它运行没有任何问题。 BrightSign 似乎实际上并未启用调试，但我不确定为什么或在哪里查看。

如果有人成功使用 BrightSign 远程调试 HTML 代码并可以分享一些分步说明，我认为这将非常有帮助！

Answer 1

要使用 Web Inspector 在 BrightSign 设备上远程调试 HTML，您需要设置一个调试环境，以允许您检查和调试 HTML、CSS 和 JavaScript 代码。 BrightSign 设备主要运行 BrightScript，但也支持 HTML 内容。以下是设置远程调试的步骤：

连接到同一网络： 确保您的 BrightSign 设备和您正在调试的计算机连接到同一网络。
在 BrightSign 上启用开发者模式：
- 在网络浏览器中输入 BrightSign 的 IP 地址，转至 BrightSign 的网络界面。
- 使用您的凭据登录。
- 导航至网络 > 高级网络。
- 启用开发者模式并设置密码。
访问Web Inspector：
- 打开 Google Chrome（建议用于 BrightSign 远程调试）。
- 在地址栏中输入
```
chrome://inspect
```
  。
- 单击 打开 Node 专用开发工具 链接。
配置端口转发（可选）：
- 如果您的 BrightSign 设备无法从计算机直接访问，您可能需要在路由器上配置端口转发以允许访问 BrightSign 的 Web 界面。此步骤可能非常技术性，可能需要了解您的网络设置。
连接到 BrightSign：
- 在 Chrome 开发者工具中，单击 添加连接。
- 输入 BrightSign 的 IP 地址和在开发者模式中设置的密码。
- 单击打开。
检查和调试：
- 连接后，您可以使用 DevTools 检查 BrightSign 设备上的 HTML、CSS 和 JavaScript，就像检查常规网页一样。
查看控制台消息：
- 您可以访问控制台来查看和调试 JavaScript 错误和日志消息。

请注意，当您的 BrightSign 演示文稿包含 HTML 内容时，使用 Web Inspector 在 BrightSign 设备上调试 HTML 最为有效。如果您主要使用 BrightScript，您可能不具备与基于 JavaScript 的内容相同级别的调试能力。

请记住，此过程假设您使用的是支持 HTML 内容并启用了开发人员模式的 BrightSign 设备。确切的步骤和兼容性可能会有所不同，具体取决于特定的 BrightSign 型号和固件版本。请参阅 BrightSign 的官方文档和支持资源，了解适合您设备的更多信息。