FPS显示
// ==UserScript==
// @name FPS显示
// @namespace http://tampermonkey.net/
// @version 0.1.3
// @description FPS显示是一个用户脚本,旨在为移动端设备提供实时的帧率 (FPS) 显示。该脚本在页面的固定位置创建一个半透明的显示框,实时更新并展示当前页面的帧率信息。
// @license MIT
// @author zzzwq
// @match http://*/*
// @match https://*/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
var bzyfps = document.createElement("div");
bzyfps.id = "fps";
bzyfps.style.cssText =
"text-align:center !important;font-size:15px;width:70px;height:28px;line-height:28px;text-align:center;float:right;position:fixed;right:10px;top:10px;color:#9370DB;background:transparent;cursor:pointer;z-index:999999999;box-shadow:0px 0px 10px #888;border-radius:10%;user-select:none;pointer-events:none";
document.body.appendChild(bzyfps);
var showFPS = (function() {
var frames = 0;
var lastTime = performance.now();
var requestId;
function updateFPS() {
var currentTime = performance.now();
var delta = currentTime - lastTime;
if (delta >= 1000) {
var fps = Math.round((frames * 1000) / delta);
bzyfps.textContent = "FPS: " + fps;
lastTime = currentTime;
frames = 0;
}
frames++;
requestId = requestAnimationFrame(updateFPS);
}
function start() {
requestId = requestAnimationFrame(updateFPS);
}
function stop() {
cancelAnimationFrame(requestId);
}
return {
start: start,
stop: stop
};
})();
showFPS.start();
})();