WordPress添加FPS帧率显示
WordPress 添加 显示 FPS
2023-06-13 09:13:03 时间
WordPress添加FPS帧率显示
前言
我们经常打游戏时非常的关注游戏里的帧率的变化,游戏帧越低就越容易卡段,那么我们是否也可以给网站弄个FPS帧率显示呢?毋庸置疑当然可以啦,如果注意观察我网站的左上角,就会发现有xxFPS这几个字不断的发生变化,没错,它就是今天的主角FPS。其实非常的简单,只需一句js代码即可实现!今天就给大家分享一下WordPress添加帧率显示的教程,请往下看!
使用教程
- 你只需在网站管理后台—》主题设置—》自定义代码—》自定义javascript代码,把下面的js代码复制粘贴到里面即可。
// FPS帧
$('body').before('<div id="fps" style="z-index:10000;position:fixed;top:3;left:3;font-weight:bold;"></div>');
var showFPS = (function(){
var requestAnimationFrame =
window.requestAnimationFrame ||
window.webkitRequestAnimationFrame ||
window.mozRequestAnimationFrame ||
window.oRequestAnimationFrame ||
window.msRequestAnimationFrame ||
function(callback) {
window.setTimeout(callback, 1000/60);
};
var e,pe,pid,fps,last,offset,step,appendFps;
fps = 0;
last = Date.now();
step = function(){
offset = Date.now() - last;
fps += 1;
if( offset >= 1000 ){
last += offset;
appendFps(fps);
fps = 0;
}
requestAnimationFrame( step );
};
appendFps = function(fps){
console.log(fps+'FPS');
$('#fps').html(fps+'FPS');
};
step();
})();
效果:
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
相关文章
- 添加WordPress开启关闭侧边栏功能
- WordPress用户权限说明
- WordPress主题添加鼠标点击特效
- 【说站】如何解决WordPress伪静态打开内页404错误
- WordPress 网站主题页面添加加载进度条方法
- WordPress 网站媒体文件怎么添加重新关联附加选项?
- WordPress 主题作者和版本等信息的调用
- wordpress企业网站搭建教程
- 为Zblog、WordPress等网站添加JS纯代码雪花飘落效果
- WordPress 通过加密隐藏 wp-login/admin 后台默认登录地址
- wordpress添加文章表情
- WordPress获取评论用户的IP属地
- 在wordpress开发的网站中添加在线客服咨询功能代码教程
- wordpress自定义文章类型功能添加
- Responsible 插件在 WordPress Admin Bar 添加响应式测试工具
- WordPress 版本的生命周期
- WordPress 技巧:在日志下添加作者头像和版权申明
- 使用 WordPress 的导航菜单
- WordPress 技巧:将所有文章的别名设置成自身的 ID
- WordPress 技巧:把自定义日志类型添加到 Feed
- Wordpress数据库 - 优化解决WordPress程序文章多了之后网站变卡的问题
- 搭建wordpress如何在Linux中安装WordPress网站(如何用linux)
- WordPress非插件添加文章浏览次数统计功能
- wordpress之wp-settings.php