通过webgl协议用javascript 在chrome,火狐,safari里获取电脑与手机的硬件信息写法

admin4年前前端技术1542

<html>


<body>

  <canvas id="glcanvas" width="0" height="0"></canvas>

  <script>

    var performance = window.performance || window.mozPerformance || window.msPerformance || window.webkitPerformance || {};


    document.write("<br>");

    for (var value in performance) {

      document.write(value + "<br>");

    }


    document.write("<br><br><br>");


    var canvas;

    canvas = document.getElementById("glcanvas");

    var gl = canvas.getContext("experimental-webgl");

console.log (gl);

    document.write(gl.getParameter(gl.RENDERER) + "<br>");

    document.write(gl.getParameter(gl.VENDOR) + "<br>");

    document.write(getUnmaskedInfo(gl).vendor + "<br>");

    document.write(getUnmaskedInfo(gl).renderer + "<br>");



    function getUnmaskedInfo(gl) {

      var unMaskedInfo = {

        renderer: '',

        vendor: ''

      };


      var dbgRenderInfo = gl.getExtension("WEBGL_debug_renderer_info");

      

      if (dbgRenderInfo != null) {

        unMaskedInfo.renderer = gl.getParameter(dbgRenderInfo.UNMASKED_RENDERER_WEBGL);

        unMaskedInfo.vendor = gl.getParameter(dbgRenderInfo.UNMASKED_VENDOR_WEBGL);

      }


      return unMaskedInfo;

    }

  </script>

</body>

</html>

1002.zip


相关文章

H5实现移动端禁止页面缩放(适用Android和IOS)

要实现Android和IOS浏览器禁止页面缩放,通用的设置方式是给HTML页面设置meta标签来实现,具体添加标签内容如下:<meta name="viewport"...

jquery 生成的dom无法触发click事件的解决方案

原因是程序找不到此节点在jQuery中有“向未来的元素添加事件处理程序”方法说明,也正是动态创建元素无法触发事件的原因所在。正确的写法应该是:$(‘父元素’).on(‘click’,’动态的子元素’,...

当div里的height:atuo不能实现高度自适应的时候

当div里的height:atuo不能实现高度自适应的时候添加如下代码就可以实现overflow:hidden;/*解决了flat left 漂浮,让高度不可控的问题*/...

Navigate down the menu through jquery development

The core knowledge is to use jquery's hover method to achieve, The animation effe...

js与jquery自动触发a链接的方法

自动触发a链接的方法如下:1.<body >  <a  href="http://www.shengmake.net"&...

让javascrip函数内的局部变量能为全局使用的方法

<script type="text/javascript">   var mine;  function&nbs...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。