📄 consoleappender.js
字号:
// filters events this.showTrace = true; this.showDebug = true; this.showInfo = true; this.showWarn = true; this.showError = true; this.showFatal = true; var doFilter = function() { me.showTrace = Element.getElement(trace.id).checked; me.showDebug = Element.getElement(debug.id).checked; me.showInfo = Element.getElement(info.id).checked; me.showWarn = Element.getElement(warn.id).checked; me.showError = Element.getElement(error.id).checked; me.showFatal = Element.getElement(fatal.id).checked; var divMsgs = consoleDoc.getElementsByTagName("div"); for(var i=0;i<divMsgs.length;i++) { var divMsg = divMsgs[i]; divMsg.style.display = ""; if((!me.showTrace && Level.TRACE.equals(Level.toLevel(divMsg.className))) || (!me.showDebug && Level.DEBUG.equals(Level.toLevel(divMsg.className))) || (!me.showInfo && Level.INFO.equals(Level.toLevel(divMsg.className))) || (!me.showWarn && Level.WARN.equals(Level.toLevel(divMsg.className))) || (!me.showError && Level.ERROR.equals(Level.toLevel(divMsg.className))) || (!me.showFatal && Level.FATAL.equals(Level.toLevel(divMsg.className)))) { divMsg.style.display = "none"; } } } // filter level events new EventDispatcher(trace, "onclick").addListener(function(_event) { doFilter(); }); new EventDispatcher(trace, "onmouseover", true).addListener(function(_eventMouseOver) { var _eventMouseOver = new Event(_eventMouseOver || $GLOBAL_OBJECT.event); _eventMouseOver.getObject().style.cursor = "pointer"; _eventMouseOver.stopEvent(); }); new EventDispatcher(debug, "onclick").addListener(function(_event) { doFilter(); }); new EventDispatcher(debug, "onmouseover", true).addListener(function(_eventMouseOver) { var _eventMouseOver = new Event(_eventMouseOver || $GLOBAL_OBJECT.event); _eventMouseOver.getObject().style.cursor = "pointer"; _eventMouseOver.stopEvent(); }); new EventDispatcher(info, "onclick").addListener(function(_event) { doFilter(); }); new EventDispatcher(info, "onmouseover", true).addListener(function(_eventMouseOver) { var _eventMouseOver = new Event(_eventMouseOver || $GLOBAL_OBJECT.event); _eventMouseOver.getObject().style.cursor = "pointer"; _eventMouseOver.stopEvent(); }); new EventDispatcher(warn, "onclick").addListener(function(_event) { doFilter(); }); new EventDispatcher(warn, "onmouseover", true).addListener(function(_eventMouseOver) { var _eventMouseOver = new Event(_eventMouseOver || $GLOBAL_OBJECT.event); _eventMouseOver.getObject().style.cursor = "pointer"; _eventMouseOver.stopEvent(); }); new EventDispatcher(error, "onclick").addListener(function(_event) { doFilter(); }); new EventDispatcher(error, "onmouseover", true).addListener(function(_eventMouseOver) { var _eventMouseOver = new Event(_eventMouseOver || $GLOBAL_OBJECT.event); _eventMouseOver.getObject().style.cursor = "pointer"; _eventMouseOver.stopEvent(); }); new EventDispatcher(fatal, "onclick").addListener(function(_event) { doFilter(); }); new EventDispatcher(fatal, "onmouseover", true).addListener(function(_eventMouseOver) { var _eventMouseOver = new Event(_eventMouseOver || $GLOBAL_OBJECT.event); _eventMouseOver.getObject().style.cursor = "pointer"; _eventMouseOver.stopEvent(); }); this.scrollLocked = false; new EventDispatcher(scrollLockChk, "onclick").addListener(function(_event) { me.scrollLocked = Element.getElement(scrollLockChk.id).checked; me.scrollIndexLocked = 0; }); new EventDispatcher(scrollLockChk, "onmouseover", true).addListener(function(_eventMouseOver) { var _eventMouseOver = new Event(_eventMouseOver || $GLOBAL_OBJECT.event); _eventMouseOver.getObject().style.cursor = "pointer"; _eventMouseOver.stopEvent(); }); new EventDispatcher(clearLogsBtn, "onclick").addListener(function(_event) { while(consoleDoc.body.firstChild) { consoleDoc.body.removeChild(consoleDoc.body.firstChild); } }); new EventDispatcher(clearLogsBtn, "onmouseover", true).addListener(function(_eventMouseOver) { var _eventMouseOver = new Event(_eventMouseOver || $GLOBAL_OBJECT.event); _eventMouseOver.getObject().style.cursor = "pointer"; _eventMouseOver.stopEvent(); }); new EventDispatcher(minBtn, "onclick").addListener(function(_event) {// TODO, need to move container down consoleContainer.height = "0px"; minBtn.style.display = "none"; maxBtn.style.display = ""; }); new EventDispatcher(minBtn, "onmouseover", true).addListener(function(_eventMouseOver) { var _eventMouseOver = new Event(_eventMouseOver || $GLOBAL_OBJECT.event); _eventMouseOver.getObject().style.cursor = "pointer"; _eventMouseOver.stopEvent(); }); new EventDispatcher(maxBtn, "onclick").addListener(function(_event) {// TODO, need to move container up consoleContainer.height = me.consoleHeight; maxBtn.style.display = "none"; minBtn.style.display = ""; }); new EventDispatcher(maxBtn, "onmouseover", true).addListener(function(_eventMouseOver) { var _eventMouseOver = new Event(_eventMouseOver || $GLOBAL_OBJECT.event); _eventMouseOver.getObject().style.cursor = "pointer"; _eventMouseOver.stopEvent(); }); new EventDispatcher(closeBtn, "onclick").addListener(function(_event) { me.container.style.display = "none"; }); new EventDispatcher(closeBtn, "onmouseover", true).addListener(function(_eventMouseOver) { var _eventMouseOver = new Event(_eventMouseOver || $GLOBAL_OBJECT.event); _eventMouseOver.getObject().style.cursor = "pointer"; _eventMouseOver.stopEvent(); });//********************************************//******************************************** this.initDraggable(); } ConsoleAppender.Z_INDEX = 1000; ConsoleAppender.TRACE_COLOR = "#5f9ea0"; ConsoleAppender.DEBUG_COLOR = "#339900"; ConsoleAppender.INFO_COLOR = "#3300cc"; ConsoleAppender.WARN_COLOR = "#ffd700"; ConsoleAppender.ERROR_COLOR = "#ff0000"; ConsoleAppender.FATAL_COLOR = "#660066"; instance mousedown(_event) { this.container.style.zIndex = ConsoleAppender.Z_INDEX++ + ""; this.container.style.filter = "alpha(opacity=60)"; this.container.style.opacity = ".6"; } instance mousemove(_event){} instance mouseup(_event) { this.container.style.filter = ""; this.container.style.opacity = ""; } instance getConsole() { return this.loggingConsole; } instance append(_logEvent) { // return if not showing the level if((!this.showTrace && Level.TRACE.equals(_logEvent.getLevel())) || (!this.showDebug && Level.DEBUG.equals(_logEvent.getLevel())) || (!this.showInfo && Level.INFO.equals(_logEvent.getLevel())) || (!this.showWarn && Level.WARN.equals(_logEvent.getLevel())) || (!this.showError && Level.ERROR.equals(_logEvent.getLevel())) || (!this.showFatal && Level.FATAL.equals(_logEvent.getLevel()))) { return; } // log message as string var layout = this.getLayout(); var msg = new StringBuffer() .append(layout.getHeader()) .append(layout.format(_logEvent)) .append(layout.getFooter()); var msgColor = ""; switch(_logEvent.getLevel().getNumber()) { case Level.TRACE_INT: msgColor = ConsoleAppender.TRACE_COLOR; break; case Level.DEBUG_INT: msgColor = ConsoleAppender.DEBUG_COLOR; break; case Level.INFO_INT: msgColor = ConsoleAppender.INFO_COLOR; break; case Level.WARN_INT: msgColor = ConsoleAppender.WARN_COLOR; break; case Level.ERROR_INT: msgColor = ConsoleAppender.ERROR_COLOR; break; case Level.FATAL_INT: msgColor = ConsoleAppender.FATAL_COLOR; break; default: // nothing } var winConsole = this.getConsole(); var consoleDoc = winConsole.document; var msgCont = consoleDoc.createElement("div"); msgCont.className = _logEvent.getLevel().getName(); var msgContStyle = msgCont.style; msgContStyle.height = "20px"; msgContStyle.width = "95%"; msgContStyle.borderBottom = "#ccc dashed 1px"; msgContStyle.color = msgColor; msgContStyle.fontWeight = "bold"; msgContStyle.fontFamily = "courier new, courier, monospace"; msgCont.appendChild(consoleDoc.createTextNode(msg)) consoleDoc.body.appendChild(msgCont); this.scrollIndex += 20; if(!this.scrollLocked) { winConsole.scrollTo(0, this.scrollIndex); } else { // locked scrolling if(this.scrollIndexLocked == 0) { this.scrollIndexLocked = this.scrollIndex; winConsole.scrollTo(0, this.scrollIndexLocked); } } }}
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -