随笔- 145 文章- 0 评论- 0 阅读- 92135

根据样式创建内嵌页面

　　
<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />

    <title>显示propertyDiv</title>
    <style>
    .app{
        font-size:30px;
        font-family:"微软雅黑";
        font-style:oblique;
        color:red;
        float:left;
        text-align:left;
    }
    </style>
</head>
<body style="text-align:center">
    <!-- <input type="button" value="显示UserAgent" onclick="showUserAgent()" /><br/> -->
    <div id="propertyDiv" />
    <script type="text/javascript">
        function showUserAgent() {
            
            var n = document.createElement("canvas")
                  , t = n.getContext("webgl") || n.getContext("experimental-webgl");
    
            var e = t.getExtension("WEBGL_debug_renderer_info");
            var r = t.getParameter(e.UNMASKED_RENDERER_WEBGL);
            var information = 'userAgent: ' + navigator.userAgent + \
　　　　　　　　　　　　　　　　　　'<br/>width: ' + window.screen.width + \
　　　　　　　　　　　　　　　　　　'<br/>height: ' + window.screen.height + \
                              '<br/>render: ' + r;
　　　　　　　　
　　　　　　　// 此处span中的class指定app为显示样式，控制information中的显示信息
            document.getElementById("propertyDiv").innerHTML = "<span class='app'>" + information + "</span>";
        }
        
        showUserAgent(); // js加载后会调用该函数
        
    </script>
</body>
</html>

以下Js代码修改Chrome获取的显卡信息：

const getParameter = WebGLRenderingContext.getParameter;
WebGLRenderingContext.prototype.getParameter = function(parameter) {
  // UNMASKED_VENDOR_WEBGL
  if (parameter === 37445) {
    return 'Intel Open Source Technology Center';
  }
  // UNMASKED_RENDERER_WEBGL
  if (parameter === 37446) {
    return 'Mesa DRI Intel(R) Ivybridge Mobile ';
  }

  return getParameter(parameter);
};

其中UNMASKED_RENDERER_WEBGL就是获得显卡信息的分类码。

参考：修改显卡信息

让页面不再进行缓存的方法，在html头中添加如下代码即可：

<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Cache" content="no-cache">
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />