使用浏览器开发工具编写脚本

1.概述

在Dundas BI仪表板、报告和其他视图中编写脚本时,您可能会发现在测试和调试时使用web浏览器的开发工具很有帮助。本文向您展示了如何将Google Chrome的开发人员工具与脚本编辑器结合使用。

Dundas BI提供了一个内置的脚本编辑器当您键入时,会弹出每个对象的属性及其描述的列表,并可直接链接到适用的API文档。的JavaScript API参考列出并描述所有支持的API属性和方法,并允许您轻松地在不同类型的对象之间导航。浏览器的开发人员工具补充了其他工具,允许您在脚本运行时逐步执行脚本,并检查属性和变量的值。

2.调试使用Chrome开发工具

要使用Chrome的开发人员工具调试脚本,只需在脚本中想要开始调试的地方插入以下行:

调试器;

例如,将它作为第一行插入到开头。当开发人员工具窗口打开时,各种浏览器都会识别出这一声明。当在脚本执行期间到达该语句时,浏览器的开发人员工具窗口将成为活动窗口,并在这一行自动暂停,允许您调试脚本的其余部分。

接下来,单击构建

在Dundas BI工具栏中,选择沙箱视图为了在单独的选项卡中测试脚本,而不将它所做的更改保存为仪表板的一部分。

接下来,从右上角的Chrome菜单中启动Chrome Developer Tools,或者按下CTRL+转变+。这将在一个单独的窗口中打开开发人员工具。

Chrome开发人员工具窗口
Chrome开发人员工具窗口

现在执行将触发脚本的操作。当脚本执行到达调试器语句时,浏览器的开发人员工具将成为活动窗口,您可以开始调试。

Chrome调试脚本
Chrome调试脚本

例如,您可以:

  • 将鼠标悬停在变量或属性上以查看其当前值
  • 将表达式或语句写入控制台中以对其求值和/或查看其结果
  • 通过在右上方的工具栏中选择该选项或按F10,每次逐个遍历每行以查看值的变化位置
  • 添加一个Watch Expression,它将在您执行脚本时自动更新

调试完脚本后,转到开发人员工具的右上角的工具栏并单击恢复脚本执行,或按“F8”。

恢复脚本执行
恢复脚本执行

3.笔记

  • 虽然您可以在Dundas BI中以任何您喜欢的方式命名控件,但JavaScript不允许在函数参数名称中使用前导数字。为了避免某些脚本中的错误,Dundas BI在适配器名称以数字开头时加上下划线(_)作为前缀。这意味着,如果参数名称为1Label,则必须在脚本中使用_1Label来定位它。

4.另请参阅

Dundas数据可视化公司
热维斯路400-15号
加拿大安大略省多伦多
M3C 1日元

北美:1.800.463.1492
国际:1.416.467.5100

登打士服务时间:
电话:美国东部时间周一至周五上午9点至下午6点
电子邮件:美国东部时间周一至周五上午7点至下午6点