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

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/itsme_web/article/details/84840827

前言】:
在实施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童鞋无私的帮助!!!以上!

猜你喜欢

转载自blog.csdn.net/itsme_web/article/details/84840827