使用浏览器开发工具编写脚本
1.概述
在Dundas BI仪表板、报告和其他视图中编写脚本时,您可能会发现在测试和调试时使用web浏览器的开发工具很有帮助。本文向您展示了如何将Google Chrome的开发人员工具与脚本编辑器结合使用。
Dundas BI提供了一个内置的脚本编辑器当您键入时,会弹出每个对象的属性及其描述的列表,并可直接链接到适用的API文档。的JavaScript API参考列出并描述所有支持的API属性和方法,并允许您轻松地在不同类型的对象之间导航。浏览器的开发人员工具补充了其他工具,允许您在脚本运行时逐步执行脚本,并检查属性和变量的值。
2.调试使用Chrome开发工具
要使用Chrome的开发人员工具调试脚本,只需在脚本中想要开始调试的地方插入以下行:
调试器;
例如,将它作为第一行插入到开头。当开发人员工具窗口打开时,各种浏览器都会识别出这一声明。当在脚本执行期间到达该语句时,浏览器的开发人员工具窗口将成为活动窗口,并在这一行自动暂停,允许您调试脚本的其余部分。
接下来,单击构建。
在Dundas BI工具栏中,选择沙箱视图为了在单独的选项卡中测试脚本,而不将它所做的更改保存为仪表板的一部分。
接下来,从右上角的Chrome菜单中启动Chrome Developer Tools,或者按下CTRL+转变+我。这将在一个单独的窗口中打开开发人员工具。
![Chrome开发人员工具窗口](http://m.merkalis.com/support/support/images/dbi/docs/scripting/script3-developer-window.png)
现在执行将触发脚本的操作。当脚本执行到达调试器语句时,浏览器的开发人员工具将成为活动窗口,您可以开始调试。
![Chrome调试脚本](http://m.merkalis.com/support/support/images/dbi/docs/scripting/script3-debugging.png)
例如,您可以:
- 将鼠标悬停在变量或属性上以查看其当前值
- 将表达式或语句写入控制台中以对其求值和/或查看其结果
- 通过在右上方的工具栏中选择该选项或按F10,每次逐个遍历每行以查看值的变化位置
- 添加一个Watch Expression,它将在您执行脚本时自动更新
调试完脚本后,转到开发人员工具的右上角的工具栏并单击恢复脚本执行,或按“F8”。
![恢复脚本执行](http://m.merkalis.com/support/support/images/dbi/docs/scripting/script3-resume-exec.png)
3.笔记
- 虽然您可以在Dundas BI中以任何您喜欢的方式命名控件,但JavaScript不允许在函数参数名称中使用前导数字。为了避免某些脚本中的错误,Dundas BI在适配器名称以数字开头时加上下划线(_)作为前缀。这意味着,如果参数名称为1Label,则必须在脚本中使用_1Label来定位它。