Negatively Proportional Model

    dom-console

    5.1.1 • Public • Published

    dom-console

    console.log output in the dom

    description

    very convenient when experimenting with npm libraries in the browser. For example using requirebin.com

    By default.it adds a console DOM element to the bottom of the page, which can be cleared and minimized/maximized via buttons and shows everything that can otherwise be seen in the DevTools JavaScript console.

    example

    see http://serapath.github.io/dom-console

    usage

    var Buffer = require('buffer').Buffer
    var domconsole = require('dom-console')
    var opts = { lineLength: 60 } // default
    var api = /*element*/ domconsole(/*opts*/).api
     
    console.log(new Buffer(5))
     
    var x = { leaf: 'leaf' }
    x['circular1'] = x
    x.y = {}
    x.y.circular2 = x.y
    console.log(x)
     
    console.log({a:'x', fn:function(x){return 5}})
    console.log(new Date)
    console.log({a:'b',c:[1,2,3],x:{y:{z:['a',{b:'c'}]}}})
    console.log(null)
    console.log(undefined)
    console.log("hey")
    console.log(false)
    console.log(true)
    console.log(function asdf () {})
    console.log(12)
    console.log(/asdf/)
    console.log((function(){ return arguments })(1,true))
    console.log([])
    console.log(document.createElement('div'))
    console.log(NaN)
     
    console.log({a: '5'})
    console.error({a: '5'})
    console.log(document.createElement('div'))
    console.error(document.createElement('div'))
    var div = document.createElement('div')
    div.innerHTML = '<div><div>asdf</div></div>'
    console.log(div)
    console.log('WWWWWWWWWW WWWWWWWWWW WWWWWWWWWW WWWWWWWWWW WWWWWWWWWW WWWWWWWWWW WWWWWWWWWW WWWWWWWWWW ')
     
    console.info('it works :-)')
     
    // api usage
    api.toggle() // expand or minimize the dom-console
    console.log(api.serialize()) // retrieve the log that was logged to the dom-console
    api.clear() // clear the content of the dom-console
     
    api.log('visible in devtools console & only this dom-console instance')
    api.info('visible in devtools console & only this dom-console instance')
    api.error('visible in devtools console & only this dom-console instance')
     
    // also logs errors nicely
    function test (p) { var x = JSON.parse(p) }
    test(function(){})
     
    console.log(new Error('Ups! Something wrong...'))
    console.error(new Error('Ups! Something wrong...'))

    Install

    npm i dom-console

    DownloadsWeekly Downloads

    18

    Version

    5.1.1

    License

    MIT

    Last publish

    Collaborators

    • serapath