获取手机和电脑屏幕的各种高度宽度的实现

手机端的获取：
网页可见区域宽 document.body.clientWidth：320
网页可见区域高 document.body.clientHeight：1210
网页可见区域宽 document.body.offsetWidth：320 (包括边线的宽)
网页可见区域高 document.body.offsetHeight：1210 (包括边线的宽)
网页正文全文宽 document.body.scrollWidth：320
网页正文全文高 document.body.scrollHeight：1210
网页被卷去的高 document.body.scrollTop：133
网页被卷去的左 document.body.scrollLeft：0
网页正文部分上 window.screenTop：0
网页正文部分左 window.screenLeft：0
屏幕分辨率的高 window.screen.height：568
屏幕分辨率的宽 window.screen.width：320
屏幕可用工作区高度 window.screen.availHeight：548
屏幕可用工作区宽度 window.screen.availWidth：320

PC端的获取：
网页可见区域宽 document.body.clientWidth：568
网页可见区域高 document.body.clientHeight：1210
网页可见区域宽 document.body.offsetWidth：568 (包括边线的宽)
网页可见区域高 document.body.offsetHeight：1210 (包括边线的宽)
网页正文全文宽 document.body.scrollWidth：568
网页正文全文高 document.body.scrollHeight：1210
网页被卷去的高 document.body.scrollTop：0
网页被卷去的左 document.body.scrollLeft：0
网页正文部分上 window.screenTop：157
网页正文部分左 window.screenLeft：60
屏幕分辨率的高 window.screen.height：900
屏幕分辨率的宽 window.screen.width：1440
屏幕可用工作区高度 window.screen.availHeight：877
屏幕可用工作区宽度 window.screen.availWidth：1401