JS除錯通用方案

1. 概述

1.1 版本

報表伺服器版本
11.0

1.2 應用場景

在使用FineReportAPI來實現功能場景時,由於會涉及到多個參數,經常會出現參數使用錯誤導致的JS報錯或效果不符合預期的情況。

使用者可透過合理運用瀏覽器的除錯方案,快速判斷當前API的參數值是否符合預期、是否符合API要求等,進而避免錯誤的使用。

2. 除錯方案

2.1 在自訂JS中加入debugger

以列印匯出API為例,在呼叫API前加入debugger來查看參數內容

API類型
除錯方案
大數據集匯出

debugger;

_g().directExportToExcel (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); 

由於API中的參數經常會使用自己定義的參數,這邊給一個例子來說明前端除錯的效果:

定義一個自訂參數「a」,指派給copy;然後在除錯頁面(2.3 除錯效果)可以很清楚的看到這個參數的具體值,進而避免API使用錯誤的情況

2.2 進入瀏覽器除錯頁面

F12進入開發者工具

不同瀏覽器下的tab名稱略有差別

  • 谷歌:原始碼

  • 火狐:除錯器

2.3 除錯效果

1)谷歌

2)火狐

3. 常見問題

3.1 js大數據集匯出報錯token逾時

原因分析:用的是新計算引擎大數據集匯出的API,js裏寫的url不對,現在存取的是A域,匯出的是B域,修改url後正常

注意事項:url是否與當前伺服器一致         


附件列表


主題: 二次開發
已經是第一篇
已經是最後一篇
  • 有幫助
  • 沒幫助
  • 只是瀏覽
中文(繁體)

滑鼠選中內容,快速回饋問題

滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

不再提示

8s后關閉

獲取幫助
線上支援
獲取專業技術支援,快速幫助您解決問題
工作日9:00-12:00,13:30-17:30在线
頁面反饋
針對當前網頁的建議、問題反饋
售前咨詢
業務咨詢
電話:0933-790886或 0989-092892
郵箱:taiwan@fanruan.com
頁面反饋
*問題分類
不能為空
問題描述
0/1000
不能為空

反馈已提交

网络繁忙

反饋已提交

網絡繁忙