预览和调试容器

确保您的代码配置按预期正常运行。

通过 Google 跟踪代码管理器的预览模式,您可按仿佛已部署当前容器草案的方式,浏览您的容器代码的实现网站,以便在发布前测试相关容器配置。网站启用预览模式后,会在网站内容下方的浏览器中显示调试窗格,方便让您查看触发的代码及触发顺序。

注意:目前,尚未提供适用于移动应用容器的调试窗格。要详细了解如何预览和调试移动应用容器,请参阅 iOSAndroid 开发者文档。

启用预览模式

要启用当前工作区的预览模式,请点击预览。跟踪代码管理器会在“工作区概览”页面顶部显示一个横幅,指示当前处于预览模式。

此外,您还可以预览容器以前的任意版本。要预览旧版容器,请执行以下操作:

  1. 在左侧导航栏中,点击版本
  2. 找到您要预览的版本,依次选择操作 接着 预览

使用预览模式

启用预览模式后,请转到已实现容器的网站,您会在浏览器底部看到一个调试控制台窗口。调试控制台显示有关您代码的详细信息,包括代码的触发状态以及正在处理的数据。控制台窗口只会在用于启用预览模式的同一个浏览器中显示,或者仅供共享用户使用,且不会向普通网站访问者显示。

如果调试窗格未加载,请尝试“强制刷新”。此操作将强制网络浏览器重新加载任何缓存资源。Chrome 上用于强制刷新的键盘快捷键为:
  • Windows 和 Linux:Shift + F5Ctrl + Shift + r
  • Mac:⌘ + Shift + r

通过使用调试控制台中的信息,可确定代码和触发器是否正常触发,以及它们向各自的服务传递了哪些数据。当点击到达预览的网站时,调试控制台将更新有关代码触发状态的信息。您可以通过这些信息了解代码是否成功触发及其触发状态的触发(或不触发)因素。

顶部的导航栏列出了代码、变量和数据层,左侧导航栏则显示事件列表。

  • 代码:点击“代码”可查看哪些代码已触发、哪些代码未触发。点击某个代码可查看该代码的属性以及关联的触发器。在左侧栏中选择某个事件后,“代码”标签将显示该事件的代码状态。
  • 变量:“变量”标签将显示所选事件中的变量的详细信息,包括变量类型、返回的数据类型以及解析值。从左侧导航栏中选择某个事件,可查看该事件触发时变量的状态。

  • 数据层:“数据层”标签将显示针对选定事件推送到数据层的确切消息对象,以及消息事务完成后数据层的状态。从左侧导航栏中选择某个事件,可查看该事件触发时数据层的状态。

共享预览模式

启用预览模式后,只有通过激活预览模式的浏览器,才能看到预览的容器配置和调试窗格。您可以通过生成的自定义网址与他人共享此预览。

要与同事共享工作区配置的预览,请执行以下操作:

  1. 点击预览通知横幅中的共享预览
  2. 在“共享预览”对话框中,输入您的目标网站域名(例如 https://example.com/)。
  3. 从指示的框中复制生成的预览网址。
  4. 将复制的预览网址粘贴到电子消息中并将其发送给同事。预览网址会将用户转至着陆页,同时会在着陆页中提醒用户他们的浏览器已经启用了预览模式。

退出预览模式

要从容器退出预览模式,请执行以下操作:

  1. 点击工作区
  2. 点击退出预览模式

要退出共享预览模式,请执行以下操作:

  1. 点击收到的链接,转至共享预览着陆页。
  2. 点击退出预览和调试模式
本文是否对您有帮助?
您有什么改进建议?