logo标签列表

展示 Chrome 33 的帧率计数器

google-chromegoogle-chrome-devtools
22

我觉得我快疯了。我一直在使用Chrome的FPS（每秒帧数）计量器，但现在我却找不到它了。如果我进入开发者工具的设置中，也没看到它。

有谁可以指导我错在哪里吗？

我使用的是Windows电脑和Chrome 33.0.1750.117版本。

7个回答
33

在 开发者工具文档中找到了答案。

他们已经移动到 时间轴。

在底部有一个名为“渲染”(Rendering)的选项卡，其中包含了以前在设置中的所有好处。

更多信息请参见渲染设置

他们还在吗？我在版本39.0.2171.95上没有看到他们。 - ThorSummoner
1
我在39.0.2171.95上看到了它。 - Sonny
谢谢，直到看到你的评论我才知道如何关闭它。 - Paul L
2
我需要点击控制台选项卡旁边的三个点来启用渲染选项卡。 - amoebe
31

版本 51.0.2704.63（64位）

  1. 按F12键

  2. 点击三个点

    3 dots img

  3. 点击更多工具

  4. 点击渲染设置

  5. 然后设置将会在控制台附近显示

    Show FPS meter

13

进入 about:flags 并启用 FPS 计数器。

您可能还需要在所有页面上启用 GPU 组合。 我无法在当前机器上启用此功能，所以恐怕无法自行测试。

有关更多信息，请参见 此文章。

这是否意味着FPS计量器、连续重绘等功能不再在开发者工具设置中？该文章是针对Chrome 13编写的。 - Colin Bacon
我在开发工具文档中找到了正确的答案，简而言之，他们已将其移动。有关详细信息，请参见我的答案。 - Colin Bacon
6

要在2019年使用Chrome 71获取FPS（帧率）计数器，您可以打开开发者工具，然后导航至“更多工具”，然后选择“渲染”选项卡，在其中就有一个FPS计数器。

截图在此处

chrome中的fps选项卡

我想强调一下，使用性能分析器还会记录帧速率，这比FPS仪表盘更容易详细浏览，因为它实际上不记录任何信息。 - Colin D
5
我从这份文档中找到了选项：https://developer.chrome.com/devtools/docs/rendering-settings 在主菜单栏上有一个图标，看起来类似于>≡，它可以切换打开和关闭一个底部面板，其中包含以下选项：
  • 显示绘画矩形
  • 显示合成层边框
  • 显示FPS计量器
  • 启用连续页面重绘
  • 显示潜在的滚动瓶颈
从那里切换FPS计量器。 撰写本文时，当前Chrome版本为39.0.2171.95
2

按下F12，然后按esc，屏幕底部会打开一个抽屉，在其中选择渲染，再选择显示FPS计量器。

0
在地址栏中输入 chrome://flags/
搜索 FPS
启用/禁用它
重新启动 Chrome
2
这个答案在Chrome/-ium 62+版本中不起作用。 - MWiesner
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接