LogPlugin of Chimee
实现日志输出及打点上报逻辑,可用于异常跟踪等。 本插件继承自popup插件实现具备相应功能函数。
默认菜单基本用法
使用默认日志输出,不做定制或修改。
;Chimee;const chimee = wrapper: '#wrapper' plugins: myLogname;// 打开日志输出chimeemyLogname;// 关闭日志输出chimeemyLogname;
提示:打开后才开始有日志输出到textarea中,所以如果想看完整日志,可以选择“下次自动打开”,然后保证下一次开启页面后能从初始化开始自动输出日志。
效果示例:
打点上报
通常我们需要将关键环节的日志信息上传到服务端,以生成观看报表、异常报表等数据分析内容。 你可以参考以下代码配置实现日志上报。
;Chimee;const chimee = wrapper: '#wrapper' plugins: name: myLogname // 告诉插件你有一个可以接受日志上报的服务端接口 logPostUrl: 'https://myDomain.xx/log_push' ;
这样默认的关键环节将自动上报日志到服务端,除了相应时长数据,包含以下基本数据信息:
ref - location.href
pro - location.protocol
box - chimeeConfig.box
type - chimeeConfig.type
src - chimeeConfig.src
uid - 插件内部计算产生
ver - chimee 版本
evt - 日志名称
_t - 时间戳
_r - 随机数
目前系统插件默认会执行打点上报的环节包含:loadstart
canplay
ended
playing
pause
waiting
timeout
error
destroy
。
其中的超时事件 timeout
对应默认等待载入时长 logPlugin.timeoutDelay
,默认值为30000毫秒。
如果你想增加其他事件环节的打点,可以像下面这样实现:
;Chimee;const chimee = wrapper: '#wrapper' plugins: name: myLogname // 告诉插件你有一个可以接受日志上报的服务端接口 logPostUrl: 'https://myDomain.xx/log_push' events: { this; } ;
如果你需要对输出或上报的打点数据进行加工,可以像下面这样实现:
;Chimee;const chimee = wrapper: '#wrapper' plugins: name: myLogname // 告诉插件你有一个可以接受日志上报的服务端接口 logPostUrl: 'https://myDomain.xx/log_push' methods: // 自定义loadstart环节输出日志包含的数据格式 { return Object; } // 自定义loadstart环节上报日志包含的数据格式 { return Object; } ;
希望您用着方便,有相应问题请随时反馈。