使用谷歌浏览器断点功能调数据

时间:2024-03-22 21:04:05

前言】:
在实施Service Cloud的Live Agent的时候,需要通过Pre Chat Form收集终端Guest信息,并需要基于该客户是否已存在于系统来判断是否需要创建Lead或将存在的Contact/Lead信息与新建的Case关联,这个时候需要使用在表单提交前通过将参数传到后台调用controller方法的结果来做进一步的校验,简而言之需要调试remoteaction执行情况,这个时候感觉代码没问题是不行的,得各种调试呀,在同事小江的悉心帮助下,学习到了谷歌浏览器断点调试Js的技巧,那么今天就将这份恩惠与诸位分享,愿工作顺心!

所需工具】:
1. 谷歌浏览器;
2. 一段包含且待调试Js的Html程序 - 这里我们使用Live Agent的Pre Chat代码来做演示;

倾亲展示 - step by step】:
1. 在Agent在线状态下点击会话按钮并跳转到如下Pre-Chat页面:
使用谷歌浏览器断点功能调数据

2. 右键点击审查元素,并在Sources里面找到待调试的代码:
使用谷歌浏览器断点功能调数据

3. 在代码行的位置点击标注要打断点的范围,如下图主要想调试submitForm方法:
使用谷歌浏览器断点功能调数据

4. 随后我们切换到画面,录入数据后点击Chat Now跑程序,你会看到出现了红色圈点标志:
使用谷歌浏览器断点功能调数据

5. 当你不断点击1执行代码下一行的时候,你会发现代码页面会显示相应数据:
使用谷歌浏览器断点功能调数据

6. 因此你能够通过以上方式很清晰的看见Js中数据流动情况。

再次感谢小江t童鞋无私的帮助!!!以上!