',
- arrowDown: '
',
- arrowRight: '
'
- };
-
- //shared functions
-
- var setLineStyle = (function () {
- var lineStyles = function (style) {
- switch (style) {
- case 'log':
- return {
- text : {
- borderBottom: '1px solid #DDDDDD',
- color: '#000000'
- },
- dot : {
- color: '#FFFFFF',
- backgroundColor: '#8097bd'
- }
- };
- case 'info':
- return {
- text : {
- borderBottom: '1px solid #DDDDDD',
- color: '#1f3dc4'
- },
- dot : {
- color: '#FFFFFF',
- backgroundColor: '#367AB4'
- }
- };
- case 'warn':
- return {
- text : {
- borderBottom: '1px solid #DDDDDD',
- color: '#CE8724',
- backgroundColor : '#fff6e0'
- },
- dot : {
- color: '#FFFFFF',
- backgroundColor: '#e8a400'
- }
- };
- case 'error':
- case 'table':
- return {
- text : {
- borderBottom: '1px solid #DDDDDD',
- color: '#FF0000',
- backgroundColor : '#ffe5e5'
- },
- dot : {
- color: '#FFFFFF',
- backgroundColor: '#FF0000'
- }
- };
- case 'assert':
- return {
- text : {
- borderBottom: '1px solid #DDDDDD',
- color: '#FF0000',
- backgroundColor : '#ffe5e5'
- },
- dot : {
- color: '#FFFFFF',
- backgroundColor: '#FF0000'
- }
- };
- case 'trace':
- return {
- text : {
- borderBottom: '1px solid #DDDDDD',
- color: '#000000'
- },
- dot : {
- //will not happen
- }
- };
- case 'time':
- case 'timeEnd':
- return {
- text : {
- borderBottom: '1px solid #DDDDDD',
- color: '#0000ff'
- },
- dot : {
- color: '#FFFFFF',
- backgroundColor: '#0000ff'
- }
- };
- default:
- return {
- text : {
- borderBottom: '1px solid #DDDDDD',
- color: '#000000'
- },
- dot : {
- color: '#FFFFFF',
- backgroundColor: '#8097bd'
- }
- };
- }
-
- };
- var color, dot;
-
- return function (element, type, msg) {
- if (status.initialized) {
- color = (msg === 'undefined' || msg === htmlToString(messages.empty)) ? {color: '#808080'} : ((msg === htmlToString(messages.clear)) ? {color: '#808080', fontStyle: 'italic'} : (lineStyles(type) !== undefined ? lineStyles(type).text : lineStyles.log.text));
- dot = lineStyles(type) !== undefined ? lineStyles(type).dot : lineStyles.log.dot;
- setCSS(element, color);
- //has dot?
- if (element.childNodes[0].childNodes[0].className.indexOf('dot') !== -1) {
- setCSS(element.childNodes[0].childNodes[0], lineStyles(type).dot);
- }
- }
- };
- }()),
- getLink = function (href, textString) {
- var HTMLurl = elements.link.cloneNode(false);
- if (href) {
- HTMLurl.setAttribute('href', href);
- HTMLurl.setAttribute('target', '_blank');
- }
- HTMLurl.innerHTML = textString || href.split('\\').pop().split('/').filter(Boolean).pop();
- return HTMLurl;
- },
- toggleHeight = function () {
- if (status.initialized) {
- var existingPadding = parseInt(document.body.style.paddingBottom, 10) - Math.abs(elements.base.offsetHeight + elements.topbar.offsetHeight);
- var newHeight = (elements.base.minimized) ? getMaxHeight() + 'px' : '0px';
- setCSS(elements.scrollcontainer, {
- height: newHeight
- });
- setCSS(document.body, {
- paddingBottom: existingPadding + Math.abs(parseInt(newHeight, 10) + elements.topbar.offsetHeight) + 'px'
- });
- elements.buttons.toggler.innerHTML = (elements.base.minimized) ? elements.arrowDown : elements.arrowUp;
- elements.buttons.toggler.setAttribute('title', (elements.base.minimized) ? 'Minimize console' : 'Maximize console');
- elements.base.minimized = !elements.base.minimized;
- return elements.base.minimized;
- }
- return 'Not built!';
- },
- about = (function () {
- return function () {
- console.info(
- '--==## Mobile Console ' + (status.initialized ? 'active' : 'inactive') + ' ##==--' + '\n' +
- '--===============================--' + '\n' +
- 'MobileConsole v' + options.version + ', running on ' + navigator.userAgent.toLowerCase()
- );
- };
- }());
-
- // --==** sub functions start here **==--
-
- //initializes the console HTML element
- function initConsoleElement() {
- //reference
- var ref;
- //core
- function toggleScroll() {
- elements.scrollcontainer.scrollTop = elements.scrollcontainer.scrollHeight;
- elements.scrollcontainer.scrollLeft = 0;
- }
- function assemble() {
- var i = options.methods.length, key;
-
- //add buttons
- while (i--) {
- elements.buttons[options.methods[i]] = elements.button.cloneNode(false);
- elements.buttons[options.methods[i]].innerHTML = options.methods[i].charAt(0).toUpperCase() + options.methods[i].slice(1);
- elements.buttons[options.methods[i]].setAttribute('title', (options.methods[i] !== 'clear') ? 'Toggle the display of ' + options.methods[i] + ' messages' : 'Clear the console');
- }
- //add min/maximize button
- elements.buttons.toggler = elements.button.cloneNode(false);
- elements.buttons.toggler.innerHTML = elements.arrowDown;
- elements.buttons.toggler.setAttribute('title', 'Minimize console');
-
- //assemble everything
- for (key in elements.buttons) {
- if (elements.buttons.hasOwnProperty(key)) {
- elements.topbar.insertBefore(elements.buttons[key], elements.topbar.firstChild);
- }
- }
- elements.scrollcontainer.appendChild(elements.table);
-
- elements.base.appendChild(elements.topbar);
- elements.base.appendChild(elements.scrollcontainer);
-
- status.initialized = true;
- return elements.base;
- }
- function attach(console) {
- document.body.appendChild(console);
- setCSS(elements.topbar, {
- top: -Math.abs(elements.topbar.offsetHeight) + 'px'
- });
- var existingPadding = isNaN(parseInt(document.body.style.paddingBottom, 10)) ? 0 : parseInt(document.body.style.paddingBottom, 10);
- setCSS(document.body, {
- paddingBottom: existingPadding + Math.abs(console.offsetHeight + elements.topbar.offsetHeight) + 'px'
- });
- elements.scrollcontainer.scrollTop = elements.scrollcontainer.scrollHeight;
-
- return elements.base;
- }
- function toggleLogType() {
- //togglelogtype is a click handler; 'this' is the button that was clicked
- var button = this;
- var logType = button.innerHTML.toLowerCase();
- var elems = elements.lines[logType], i = elems.length;
- button.toggled = (button.toggled === undefined) ? true : !button.toggled;
- setCSS(button, { opacity: (button.toggled) ? '0.5' : '' });
- while (i--) {
- setCSS(elems[i], { display: (button.toggled) ? 'none' : '' });
- }
- toggleScroll();
- button.blur();
- return button;
- }
- function setBinds() {
- var methods = options.methods, i = methods.length;
- while (i--) {
- if (methods[i] !== 'clear') {
- if (options.browserinfo.evtLstn) {
- elements.buttons[methods[i]].addEventListener('click', toggleLogType, false);
- } else {
- elements.buttons[methods[i]].attachEvent('onclick', toggleLogType);
- }
- }
- if (options.hideButtons.indexOf(methods[i]) !== -1) {
- setCSS(elements.buttons[methods[i]], { display: 'none' });
- }
- }
- if (options.browserinfo.evtLstn) {
- elements.buttons.toggler.addEventListener('click', toggleHeight, false);
- elements.buttons.clear.addEventListener('click', console.clear, false);
- } else {
- elements.buttons.toggler.attachEvent('onclick', toggleHeight);
- elements.buttons.clear.attachEvent('onclick', console.clear);
- }
- }
- //init
- function init() {
- var element = assemble();
- docReady(function () {
- setBinds();
- attach(element);
- });
- //expose Public methods and variables
- return {
- toggleHeight : toggleHeight,
- toggleScroll : toggleScroll
- };
- }
- if (!ref) {
- ref = init();
- }
- return ref;
- }
-
- //initializes the new console logger
- function initConsole() {
- //reference
- var ref;
- //sub helpers
- function isElement(o) {
- return (
- typeof HTMLElement === 'object' ? o instanceof HTMLElement : //DOM2
- o && typeof o === 'object' && o !== null && o.nodeType === 1 && typeof o.nodeName === 'string'
- );
- }
- function objectToString(object) {
- var simpleObject = {}, prop, classname = getClass(object);
- if (!isElement(object)) {
- for (prop in object) {
- if (!object.hasOwnProperty(prop) || (typeof (object[prop]) === 'object') || (typeof (object[prop]) === 'function')) {
- continue;
- }
- simpleObject[prop] = object[prop];
- }
- return '' + classname + ' ' + JSON.stringify(simpleObject) + ''; // returns cleaned up JSON
- }
- return htmlToString(object.outerHTML);
- }
- function urlFromString(string) {
- string = String(string);
- //searches for url in string, returns url as string
- var match, uriPattern = /\b((?:[a-z][\w-]+:(?:\/{1,3}|[a-z0-9%])|www\d{0,3}[.]|[a-z0-9.\-]+[.][a-z]{2,4}\/)(?:[^\s()<>]+|\(([^\s()<>]+|(\([^\s()<>]+\)))*\))+(?:\(([^\s()<>]+|(\([^\s()<>]+\)))*\)|[^\s`!()\[\]{};:'".,<>?«»“”‘’]))/ig;
- try {
- match = string.match(uriPattern)[0];
- return match;
- } catch (e) {
- return '';
- }
- }
- function filterOut(array, match) {
- return array.filter(function(item){
- return typeof item === 'string' && item.indexOf(match) === -1;
- });
- }
- function preFilterTrace(array) {
- var newArray = array.split('\n').filter(Boolean), //filter cleans out empty values
- isCommandLine = false, stealthThese, i;
- if (newArray[0].indexOf('http') === -1) { newArray.shift(); } //remove first line if contains no 'http' (Chrome starts with 'Error', Firefox doesn't..)
- if (newArray[0].indexOf('console.') !== -1 || newArray[0].indexOf('console[method]') !== -1) { newArray.shift(); }
- if (newArray.length > 0) {
- isCommandLine = newArray[newArray.length - 1].indexOf('keydown') !== -1;
- newArray = newArray.filter(function(item){ return item !== ''; });
-
- if (isCommandLine) {
- stealthThese = ['submitCommand', 'eval', 'setBinds', 'interceptConsole', 'newConsole'];
- newArray.pop(); //remove last index, as it is the keydown event.
- i = stealthThese.length;
- while(i--) {
- newArray = filterOut(newArray, stealthThese[i]);
- }
- }
- }
- if (isCommandLine || newArray.length === 0) {
- newArray.push('(anonymous function) console:1:1');
- }
- return newArray;
- }
- //core
- function formatStackTrace(trace, origtrace) {
- var callStack = [];
- //original stack is hidden inside trace object, if specified
- var stackTraceOrig = (trace !== undefined && trace[4] !== undefined) ? trace[4].stack : undefined;
- //if the first line contains this, skip it. Meant for browsers that begin the stack with the error message itself (already captured before formatStackTrace)
- var traceToProcess = (origtrace && origtrace !== '') ? origtrace : stackTraceOrig,
- i,
- lines,
- url,
- txt,
- thisLine,
- lineAndColumn,
- caller,
- separator = options.browserinfo.ffox ? '@' : '()';
-
- //stop if no source trace can be determined
- if (!traceToProcess) { return; }
-
- lines = preFilterTrace(traceToProcess); //pre filters all lines by filtering out all mobileConsole's own methods so mobileConsole runs Stealth and unobtrusive
- i = lines.length;
- while (i--) {
- thisLine = lines[i].trim();
- lineAndColumn = thisLine.match(/(?::)(\d+)(?::)(\d+)/);
- url = urlFromString(thisLine).replace(lineAndColumn[0], '').split('#')[0] || '';
- caller = htmlToString(thisLine.replace(urlFromString(thisLine), '').replace(separator, '').replace('at ', '').trim());
- if (caller === '' || caller === lineAndColumn[0]) { continue; }
- if (url[url.length - 1] === '/') {
- txt = '(index)';
- } else {
- txt = url.split('\\').pop().split('/').filter(Boolean).pop() || caller;
- }
- callStack.push({
- caller: caller,
- url: url ? url.split(':')[0] + ':' + url.split(':')[1] : caller,
- linkText: txt + lineAndColumn[0],
- line: lineAndColumn[1],
- col: lineAndColumn[2],
- originalLine: thisLine
- });
- }
- return callStack;
- }
- function traceToTable(table, trace) {
- var i, tdLeft, tdRight, tr;
- if (trace === undefined) {
- return;
- }
- trace.reverse(); //reverse order of trace, as it is in a browser's console
- i = trace.length;
- while (i--) {
- tdLeft = elements.td.cloneNode(false);
- tdRight = elements.td.cloneNode(false);
- tr = elements.tr.cloneNode(false);
- tdLeft.innerHTML = trace[i].caller;
- tdRight.innerHTML = ' @ ';
- tdRight.appendChild(getLink((trace[i].url || ''), trace[i].linkText));
- tr.appendChild(tdLeft);
- tr.appendChild(tdRight);
- table.insertBefore(tr, table.firstChild);
- }
- return table;
- }
- function colorizeData(key, value) {
- var valueColor = '#3c53da', keyColor = '#ae33b7', classname = getClass(value);
- if (value && classname.indexOf('HTML') !== -1) {
- value = htmlToString(value.outerHTML);
- valueColor = '#ad8200';
- } else if (key === 'innerHTML' || key === 'outerHTML') {
- value = htmlToString(value);
- valueColor = '#ad8200';
- }
- if (value === null) {
- valueColor = '#808080';
- }
- if (typeof value === 'string') {
- valueColor = '#c54300';
- //HARD limit, for speed/mem issues with consecutive logging of large strings
- if (value.length > 400) {
- value = '"' + String(value).substring(0, 400) + '" [...]