debug-window

debug-window.js

// https://codepen.io/lucianobarauna/pen/xyMXGw?editors=0010
// Um simples debug para visualizar as informações do objeto window.screen

(function(){
    const $body = document.querySelector('body')
    const objScreen = window.screen
    // Create info
    let createInfo = (prop, targetObj) => {
        const $p = document.createElement('p')
        $p.setAttribute('class', 'infodata')
        $p.textContent += `${prop} : ${targetObj[prop]}`
        return $p
    }
    // List content
    let listContent = (obj) => {
        let objTarget = obj
        let $divContent = document.createElement('div')
        $divContent.setAttribute('id', 'getinfopane')
        for (var prop in objTarget) {
            if(prop !== 'orientation'){
                $divContent.appendChild(createInfo(prop, objTarget))
            }
        }
        return $divContent
    }
    $body.appendChild(listContent(objScreen))
})()