xueduany / TMD

a javascript performance analysis by record log on remote server, support custom HTML template report

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

#Time Mark Debug#

这是通过js端函数埋点,然后在服务端统一查看js执行性能的在线report,使用场景主要是有多个异步环境,存在并发的js操作,而js无法但不调试的情况下,分析js性能瓶颈

##优点##

  • 按照时间先后顺序,自动计算间隔花费时间
  • 调试report可以自己修改,html格式,支持js语法的模板

##主要使用场景##

  • Hybrid调试,各种有异步js场景的调试以及性能分析,定位并且找出消耗消耗的大头
  • 微信小程序/支付宝小程序/各种小程序

##使用方法## 把inject.js加到要使用的文件里面,url改掉 找一个server(比如本机),一个node进程(server端启动node index.js)

例子 TMD('页面开始')

在server端 http://xx.xx.xx.xx/clean 清除日志

http://xx.xx.xx.xx/report 看调试报告

http://xx.xx.xx.xx/log?key=xxx 发送日志,key可以不填

##效果 Demo

##NPM npm install timemarkdebug

默认启动端口5387,修改端口,请修改index.js的listenerPort

http://xx.xx.xx.xx:5387/report方法 http://xx.xx.xx.xx:5387/report

##使用 进入.node_module/timemarkdebug目录下 在当前目录node index.js

注意:使用firefox效果较好,使用chrome刷新一定几率会出现html未渲染出来

##新版支持按照时间轴展示

About

a javascript performance analysis by record log on remote server, support custom HTML template report


Languages

Language:JavaScript 72.0%Language:HTML 28.0%