Skata loga izmērs, ekrāna izšķirtspēja, peles izvietojums CSS-triki

Anonim

Šis kods ir saderīgs ar vairākām pārlūkprogrammām, un tas pārbauda skata loga izmērus, ekrāna izšķirtspēju un peles izvietojumu, kas var būt ļoti noderīgi, lai veiktu dažas pārbaudes ar JavaScript.

 function getViewportWidth() ( if (window.innerWidth) ( return window.innerWidth; ) else if (document.body && document.body.offsetWidth) ( return document.body.offsetWidth; ) else ( return 0; ) ) function getViewportHeight() ( if (window.innerHeight) ( return window.innerHeight; ) else if (document.body && document.body.offsetHeight) ( return document.body.offsetHeight; ) else ( return 0; ) ) var tellMeTheSizes=function() ( document.getElementById("viewportwidth").innerHTML = getViewportWidth() + "px"; document.getElementById("viewportheight").innerHTML = getViewportHeight() + "px"; document.getElementById("resolutionheight").innerHTML = screen.height + "px"; document.getElementById("resolutionwidth").innerHTML = screen.width + "px"; ) window.onload=function() ( tellMeTheSizes(); ) window.onresize=function() ( tellMeTheSizes(); ) window.onmousemove=function(event) ( ev = event || window.event; document.getElementById("mousetop").innerHTML = ev.pageY + "px"; document.getElementById("mouseleft").innerHTML = ev.pageX + "px"; )