子比主题：网站左上角添加 FPS 帧率显示

老会哥

使用方法

你只需在网站管理后台—》主题设置—》自定义代码—》自定义 javascript 代码，把下面的 js 代码复制粘贴到里面即可。

自定义 javascript 代码：

1. // FPS 帧开始
   
2. // by：老会博客-www.lhbk.cn
   
3. $('body').before('<div id="fps" style="z-index:10000;position:fixed;top:3;left:3;font-weight:bold;"></div>');
   
4. var showFPS = (function(){
   
5.     var requestAnimationFrame =  
   
6.         window.requestAnimationFrame ||
   
7.         window.webkitRequestAnimationFrame ||
   
8.         window.mozRequestAnimationFrame ||
   
9.         window.oRequestAnimationFrame ||
   
10.         window.msRequestAnimationFrame ||
    
11.         function(callback) {
    
12.             window.setTimeout(callback, 1000/60);
    
13.         };
    
14.     var e,pe,pid,fps,last,offset,step,appendFps;
    
15. 
    
16.     fps = 0;
    
17.     last = Date.now();
    
18.     step = function(){
    
19.         offset = Date.now() - last;
    
20.         fps += 1;
    
21.         if( offset >= 1000 ){
    
22.         last += offset;
    
23.         appendFps(fps);
    
24.         fps = 0;
    
25.         }
    
26.         requestAnimationFrame( step );
    
27.     };
    
28.     appendFps = function(fps){
    
29.         console.log(fps+'FPS');
    
30.         $('#fps').html(fps+'FPS');
    
31.     };
    
32.     step();
    
33. })();
    
34. // by：老会博客-www.lhbk.cn
    
35. // FPS 帧结束

复制代码