是否可以在JavaScript中通过浏览器检测硬件加速？

Question

我注意到，由于字体渲染发生变化，使用硬件加速的浏览器的字体大小并不相同 - 使字符显得更小。在具有水平导航的网站上，这实际上正在成为一个问题。

是否可以使用 JavaScript 或 JS 库来检测浏览器中是否启用（或禁用）硬件加速？

Modernizr 似乎没有提供这种选择。

Answer 1

字体呈现因浏览器、操作系统和用户设置而异。因此，您的网站应该优雅地处理此类差异，而不是依赖于像素精确的字体渲染。硬件加速只是造成这种差异的又一个原因。

由于您实际上并不是想知道它是否是硬件加速的，而是在字体渲染方面存在差异，那么如何测量某些渲染文本的大小，并据此调整您的页面呢？

Answer 2

由于您只对跨浏览器和平台的字体大小差异感兴趣，因此可能值得研究字体大小标准化技术。

我个人唯一熟悉的是 YUI Fonts CSS。我在所有项目中都使用它，并且使用了 HTML5Boilerplate 项目。

还有 CSS 排版框架，例如 Baseline、Typogridphy，Blueprint（我已经研究过这个，如果你去的话推荐它沿着这条路）最后是atatonic

Answer 3

与其寻找缓慢渲染的解决方法，为什么不使用 underscore 的节流或反跳来减少刷新呢？

Answer 4

<script type="text/javascript">
<!--
window.onload=function(){
        if(window.screen.availHeight>700 && window.screen.availWidth>1000)
        {
        document.body.style.fontSize="15px";
        }
.................
//another conditions
}
//-->
</script>

您无法获得处理器速度或内存大小
但你可以通过函数来​​了解硬件强度

<script type="text/javascript">  

 var number=10;  
 var i;  
 var start = (new Date).getTime();  
 //code here  
     for(i=0;i<10000;i++)  
     {  
      number=number*10;  
     }  
 var diff = (new Date).getTime() - start;  
 alert(diff);  

 start = (new Date).getTime();  
 //code here  
     while(i<10000)  
     {  
      number=number*10;  
      i++;  
     }  

diff = (new Date).getTime() - start;  
alert(diff);  

 </script>