制作浏览器检测页面（获取网页可见区域等等操作）

制作浏览器检测页面，大部分的功能需要JS实现，我还没学好，所以部分都是抄取的代码
以下是JS获取网页可见区域的代码：
网页可见区域宽： document.body.clientWidth
网页可见区域高： document.body.clientHeight
网页可见区域宽： document.body.offsetWidth (包括边线的宽)
网页可见区域高： document.body.offsetHeight (包括边线的高)
网页正文全文宽： document.body.scrollWidth
网页正文全文高： document.body.scrollHeight
网页被卷去的高： document.body.scrollTop
网页被卷去的左： document.body.scrollLeft
网页正文部分上： window.screenTop
网页正文部分左： window.screenLeft
屏幕分辨率的高： window.screen.height
屏幕分辨率的宽： window.screen.width
屏幕可用工作区高度： window.screen.availHeight
屏幕可用工作区宽度： window.screen.availWidth
剩余的是一些逻辑运算，你懂的
HTML那一块是我自己做的，用table实现的话代码如下：

<table border="1">

<tr>
    <td><span>浏览器内核</span><span class="kernelTesting"></span></td>
    <td><span>网页可见区域宽</span><span class="clientWidth"></span></td>
</tr>
<tr>
    <td><span>网页可见区域高</span><span class="clientHeight"></span></td>
    <td><span>网页Offset宽</span><span class="OffsetWidth"></span></td>
</tr>
<tr>
    <td><span>网页Offset高</span><span class="OffsetHeight"></span></td>
    <td><span>网页Scroll宽</span><span class="ScrollWidth"></span></td>
</tr>
<tr>
    <td><span>网页Scroll高</span><span class="ScrollHeight"></span></td>
    <td><span>浏览器可见区域宽</span><span class="innerWidth"></span></td>
</tr>
<tr>
    <td><span>浏览器可见区域高</span><span class="innerHeight"></span></td>
    <td><span>屏幕可用工作区宽</span><span class="availWidth"></span></td>
</tr>
<tr>
    <td><span>屏幕可用工作区高</span><span class="availHeight"></span></td>
    <td><span>屏幕物理分辨率宽</span><span class="screenWidth"></span></td>
</tr>
<tr>
    <td><span>屏幕物理分辨率高</span><span class="screenHeight"></span></td>
    <td><span>localStorage</span><span class="localStorage"></span></td>
</tr>
<tr>
    <td><span>sessionStorage</span><span class="sessionStorage"></span></td>
    <td><span>动画</span><span class="checkAnimation"></span></td>
</tr>
<tr>
    <td><span>canvas</span><span class="canvas"></span></td>
</tr>
</table>
</body>