<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" />
<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" />
<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/> ' + 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" />