人民医院前端

debuggerExtern.js 5.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226
  1. let view;
  2. let app = null;
  3. function getAppWrap() {
  4. if(app == null)
  5. app = getApp();
  6. return app;
  7. }
  8. function init() {
  9. const app = getAppWrap();
  10. app.globalData.debuggerLogData = [];
  11. app.globalData.debuggerNetworkLogData = [];
  12. app.globalData.debuggerErrLogData = [];
  13. uni.$on('debugger-view-closed', () => {
  14. if(view) view.show();
  15. });
  16. uni.$on('debugger-view-opened', () => {
  17. if(view) view.hide();
  18. });
  19. uni.$on('debugger-view-close', () => {
  20. if(view) view.close();
  21. });
  22. }
  23. //======================
  24. //调试器使用方法
  25. function addNetworkLog(info, options, data) {
  26. const app = getAppWrap();
  27. if(app.globalData.debuggerNetworkLogData.length > 512)
  28. app.globalData.debuggerNetworkLogData.shift();
  29. app.globalData.debuggerNetworkLogData.push({ info, options, data });
  30. uni.$emit('debugger-refresh-network');
  31. }
  32. function addAppErr(err) {
  33. const app = getAppWrap();
  34. if(app.globalData.debuggerErrLogData.length > 128)
  35. app.globalData.debuggerErrLogData.shift();
  36. app.globalData.debuggerErrLogData.push({ err: err.toString(), stack: err.stack });
  37. uni.$emit('debugger-refresh-app-err');
  38. }
  39. function addVueError(err, vm, info) {
  40. const app = getAppWrap();
  41. if(app.globalData.debuggerErrLogData.length > 128)
  42. app.globalData.debuggerErrLogData.shift();
  43. app.globalData.debuggerErrLogData.push({ err: err.toString(), stack: err.stack + '\n' + info });
  44. uni.$emit('debugger-refresh-vue-err');
  45. }
  46. function addLog(info) {
  47. const app = getAppWrap();
  48. let removeFirst = false;
  49. if(app.globalData.debuggerLogData.length > 768) {
  50. app.globalData.debuggerLogData.shift();
  51. removeFirst = true;
  52. }
  53. app.globalData.debuggerLogData.push(info);
  54. uni.$emit('debugger-refresh-log', removeFirst);
  55. }
  56. export const debuggerModule = {
  57. addNetworkLog,
  58. addAppErr,
  59. addVueError,
  60. addLog,
  61. };
  62. //======================
  63. //调试器初始化方法
  64. function pad(num, n) {
  65. let strNum = num.toString();
  66. let len = strNum.length;
  67. while (len < n) {
  68. strNum = "0" + strNum;
  69. len++;
  70. }
  71. return strNum;
  72. }
  73. function getNowTimeString() {
  74. const d = new Date();
  75. return pad(d.getHours(), 2) + ':' + pad(d.getMinutes(), 2) + ':' + pad(d.getSeconds(), 2);
  76. }
  77. function installConsoleHook() {
  78. console.log('installConsoleHook');
  79. if(debuggerModule) {
  80. let console_log = console.log
  81. let console_error = console.error
  82. let console_info = console.info
  83. let console_warn = console.warn
  84. console.log = function(...arg) {
  85. debuggerModule.addLog({ time: getNowTimeString(), type: 'log', objects: arg });
  86. console_log(...arg)
  87. }
  88. console.error = function(...arg) {
  89. debuggerModule.addLog({ time: getNowTimeString(), type: 'error', objects: arg });
  90. console_error(...arg)
  91. }
  92. console.info = function(...arg) {
  93. debuggerModule.addLog({ time: getNowTimeString(), type: 'info', objects: arg });
  94. console_info(...arg)
  95. }
  96. console.warn = function(...arg) {
  97. debuggerModule.addLog({ time: getNowTimeString(), type: 'warn', objects: arg });
  98. console_warn(...arg)
  99. }
  100. }
  101. }
  102. function installRequestHook() {
  103. /* 拦截请求 */
  104. uni.addInterceptor('request', {
  105. invoke(args) {
  106. // request 触发前拼接 url
  107. const addInterceptorRequestData = {
  108. data: args.data,
  109. method: args.method || 'GET',
  110. sourceUrl: args.url,
  111. url: args.url,
  112. status: 0,
  113. }
  114. let _complete = args.complete;
  115. args.complete = function(e) {
  116. _complete && _complete(e)
  117. addInterceptorRequestData.status = e.statusCode
  118. addNetworkLog(
  119. addInterceptorRequestData,
  120. args,
  121. e.data
  122. );
  123. }
  124. },
  125. })
  126. }
  127. function createView() {
  128. const ss = uni.getStorageSync('noNorDebuggerFloating');
  129. if(ss == 'yes')
  130. return;
  131. if(plus.nativeObj) {
  132. let page = {}, onType = false
  133. view = new plus.nativeObj.View('HF', {
  134. bottom: '0px',
  135. left: '60%',
  136. height: '40px',
  137. width: '40px',
  138. });
  139. view.drawRect({
  140. color: '#FF4A46',
  141. radius: '20px'
  142. }, {
  143. top: '0px',
  144. left: '0px',
  145. width: '100%',
  146. height: '100%'
  147. });
  148. view.drawText('调试', {
  149. top: '0px',
  150. left: '0px',
  151. width: '100%',
  152. height: '100%'
  153. }, {
  154. size: '16px',
  155. color: '#FFFFFF'
  156. });
  157. view.addEventListener("touchstart", (touch) => {
  158. page = touch
  159. })
  160. view.addEventListener("touchmove", (touch) => {
  161. if ((touch.pageY - 20 > 0 && touch.pageX - 50 > 0)
  162. && (Math.abs(touch.pageX - page.pageX) > 20
  163. || Math.abs(touch.pageY - page.pageY) > 20)) {
  164. view.setStyle({
  165. top: (touch.pageY - 20) + 'px',
  166. left: (touch.pageX - 50) + 'px'
  167. })
  168. onType = true
  169. } else {
  170. onType = false
  171. }
  172. })
  173. view.addEventListener("click", (e) => {
  174. !onType && showDebuggerWindow()
  175. })
  176. view.show();
  177. view.setStyle({
  178. top: '500px',
  179. left: '0px'
  180. })
  181. } else {
  182. console.warn('IMDebuggerWindow: 当前环境不支持添加全局悬浮窗,您需要手动开启调试窗口');
  183. }
  184. }
  185. /**
  186. * 显示调试器窗口
  187. */
  188. export function showDebuggerWindow() {
  189. uni.navigateTo({
  190. url: '/uni_modules/imengyu-IMDebuggerWindow/pages/debugger',
  191. animationType: 'none',
  192. })
  193. view.hide();
  194. }
  195. /**
  196. * 获取调试器是否已经安装
  197. */
  198. export function debuggerEnabled() {
  199. return getApp().globalData._debuggerEnabled;
  200. }
  201. /**
  202. * 安装调试器
  203. * @param {type} options 自定义参数
  204. */
  205. export function installDebugger(options) {
  206. init();
  207. if(options.showGlobalFloatWindow)
  208. createView();
  209. installConsoleHook();
  210. if(options.enableRequestInterceptor)
  211. installRequestHook();
  212. getApp().globalData._debuggerEnabled = true;
  213. }