教程 | 生成日志以调试网站

内容

本教程演示如何从站点代码生成日志。然后我们将使用 Wix 日志 查看生成的日志。

在本教程中,我们将:

  1. 在网站的主页上添加一个按钮。
  2. 创建一个事件处理程序,每当按钮被点击时生成一个日志。
  3. 使用Wix日志查看生成的日志。

注意:在本教程中,日志是从页面代码生成的。然而,您也可以从后端代码生成日志。

在您的网站上添加一个按钮并创建事件处理程序:

  1. 在您网站的主页上添加一个标记为 button1 的按钮,如下所示:
![](https://wixmp-833713b177cebf373f611808.wixmp.com/images/949a3dd03f5f11dd9dc3211af1b2c85f.png)
  1. 在网站的主页代码中,添加一个event handler,每当按钮被点击时运行。
为了本教程的目的,让我们通过定义 `factor3` 而不是 `factor2` 来产生一个错误。
  1. 预览或发布您的网站。
**注意:** 在预览您的网站时,您可以生成日志,但某些日志信息仅在您的网站发布后可用。

生成日志并查看 使用 Wix 日志 如下:

  1. 在一个单独的浏览器标签页或窗口中,打开Wix日志页面
![](https://wixmp-833713b177cebf373f611808.wixmp.com/images/6f82b8af9105b4198ffe5babf7d6114d.png)
  1. 在您现场网站的主页或预览模式中,点击您创建的按钮。
日志出现在 Wix 日志页面:
![](https://wixmp-833713b177cebf373f611808.wixmp.com/images/dbf2dc66af923e4d2c64564f8332de90.png)
  1. 点击 查看 以获取包含错误的日志,查看右侧的完整详细信息:
![](https://wixmp-833713b177cebf373f611808.wixmp.com/images/123b0719f98d5699cf242c68c1813b02.png)

查看 jsonPayload 以了解错误的解释。

总结
本教程演示了如何从网站代码生成日志,并使用Wix Logs查看生成的日志。主要步骤包括:在网站主页添加一个按钮,创建一个事件处理程序以在按钮点击时生成日志,以及使用Wix Logs查看生成的日志。首先,用户需在主页添加一个标记为'button1'的按钮,并在代码中添加事件处理程序。为了演示,故意定义错误的变量名以生成日志。用户可以在预览或发布网站时生成日志,但某些日志信息仅在发布后可用。接下来,用户需在另一个浏览器标签页打开Wix Logs页面,并在主页或预览模式下点击创建的按钮。生成的日志将显示在Wix Logs页面中,用户可以查看包含错误的日志详细信息,并检查'jsonPayload'以获取错误解释。