历史版本2 :JS调试通用方案 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 版本

报表服务器版本
11.0

1.2 文档主题

在使用FR接口来实现功能场景时,由于会涉及到多个参数,经常会出现参数使用错误导致的JS报错或效果不符合预期的情况。通过合理运用浏览器的调试方案可以快速判断当前接口的参数值是否符合预期,是否符合接口要求等,从而避免错误的使用

2.调试方案编辑

2.1 在自定义JS中加入debugger

以打印导出接口为例,在调用接口前加入debugger来查看参数内容

接口类型
调试方案
大数据集导出

debugger;

directExportToExcel: function (dsName, fileName, params, colNames,forMat,enCoding)

新引擎导出

debugger;

form.attr({"style": "display : none", "target": "", "method": "post", "action": url});

url导出

debugger;

window.location = encodeURI(REPORT_URL);

其他形式URL导出

debugger;

window.open(url);

post实现url导出

debugger;

doHyperlinkByPost(url,config,target,feature)

JS打印

debugger;

FR.doURLPrint(config); 

加入一个自定义参数:a,赋值给copy

debugger.png

2.2 进入浏览器调试页面

F12进入开发者工具,文档可参考:借用浏览器功能写JS语句;课程可参考:JavaScript 基础入门

不同浏览器下的tab名称略有区别

谷歌:源代码

火狐:调试器

3. 调试效果编辑

谷歌

谷歌_调试方案.jpg

火狐

火狐_调试方案.jpg