☰

Performance monitor

Works on any website. Shows fps, frame time, used memory. Change modes by click

当前为 2021-03-12 提交的版本，查看 最新版本。

如何安装

您需要先安装一个扩展，例如 篡改猴、Greasemonkey 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 Userscripts ，之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey，才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

（我已经安装了用户脚本管理器，让我安装！）

如何安装

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

（我已经安装了用户样式管理器，让我安装！）

作者
Konf
评分
0 0 0
版本
1.0.1
创建于
2020-08-02
更新于
2021-03-12
大小
4.4 KB
许可证
暂无
适用于
所有网站

About it in short

The script adds on every website a performance counter that can show a frames per second value, frame time or used memory.

Check the screenshots below!

How to install to a PC browser

Step 1. Scripts manager

To use scripts, first you need to install a scripts manager. My advice is Tampermonkey, since I use it too.

Tampermonkey install links for different browsers, choose yours:

Chrome / Vivaldi   Opera   Firefox   Safari   Microsoft Edge

If your browser is missing here, try to find a link by search, write its name instead of BROWSER.

Step 2. Come back here

Refresh the page and press the green Install button located above this description.

Step 3. Check if it works

If it is, here you go

Usage

  • Click on it with a left mouse button to change the mode
  • Hold and drag to change its position
  • Click with a right mouse button to hide
  • Left click on the last visible position to show it again

Important

If you are going to use the script frequently, you will definitely be annoyed by its presence at all websites, not on the needed only. You can make a list of a websites where the script should work:

  1. Open the control panel of your -monkey extension and select at scripts list "Performance monitor".
  2. Replace 9 string from // @include * to // @include https://yoursite.com. Example: // @include https://reddit.com
  3. For every website needed its own "include" string. If you need to add a lot of websites, the script head part would look like this:
  4. Save the script with Ctrl+S combination or through a top toolbar
  5. Make somewhere on your computer a copy of your list, if it's big. Unfortunately, when the script is updated, any user changes are deleted. This does not happen automatically, but better to be safe than to do it all over again.

At new versions of the Tampermonkey, if user makes own edits in a script, it disables the script autoupdate. But I don't plan to update this script any soon, so ¯\_(ツ)_/¯

What I was lazy to do, but maybe I would make once

  • Remembering the monitor last position and apply it after refreshing a page
  • More comfortable handling of the websites white list
  • Commands to reset a charts and the monitor position if some unexpected bug was encountered

Screenshots