铬帆布检查员 2015

Posted 2023-03-05

【中文标题】铬帆布检查员 2015

【英文标题】：chrome canvas inspector 2015

【发布时间】：2015-10-05 00:18:53

【问题描述】：

我使用了这个 chrome 有很长一段时间的漂亮功能，称为“画布检查器”。这是一个必须手动启用的实验性开发功能。

在通过诸如 THREE.js 之类的东西使用 webgl 时非常有帮助，您可以轻松地意外创建一堆不需要的绘图调用。

此外，它适用于任何网站，您只需拍摄快照并查看画布中发生的事情。

它......有一天奇迹般地消失了，谷歌没有给出任何见解。

我尝试了一些扩展，但它们感觉不太好，或者我什至无法让它们工作。有没有另一种方法可以将它恢复到 chrome 中？

【参考方案1】：

显然它在主项目中做了一些他们不想要的厚颜无耻的事情，因此在本期中将其删除：DevTools: make Canvas profiler an extension

不过，我们可以将其作为扩展程序。此错误用于跟踪从 DevTools 中删除画布分析器。将有一个单独的计划将要删除的代码移植到 github 并将其作为 Chrome 扩展程序发布。

根据该问题，他们可能会在未来将其移至扩展程序，但到目前为止我还没有发现任何痕迹。他们没有回答上述问题中关于可以在哪里跟踪新问题的问题。

【讨论】：

是否可以恢复到旧版本，如果可以，会是哪一个

老实说，我不确定他们是否保留了旧版本的存档。如果你碰巧找到它，任何早于 9/6 的版本都应该没问题，因为那时问题通过了审查。

@pailhead 你可以在这里下载旧版本的 Chromium sourceforge.net/projects/osxportableapps/files/Chromium

【参考方案2】：

先进入

chrome://flags

然后启用

Developer Tools experiments

然后重启浏览器后，按f12打开开发者工具，右上角有个齿轮。点击它，去实验，然后找到“画布检查”。它不稳定，但可以使用。

【讨论】：

在 Windows 8.1 的两个不同的转世版本上，在多个 chrome 和 canary 版本上都做到了，它没有出现在实验中（还有其他检查器）

是的 Chrome 版本 58.0.3029.110（64 位），没有 Canvas Inspector 也没有扩展，可悲:(。

【参考方案3】：

Canvas 检查刚刚被移除！

您可以下载old version of Chromium here，例如Chromium_OSX_43.0.2357.81.dmg。 （freesmug提供）

帆布检查愉快！

【参考方案4】：

Chrome 和 Firefox 都删除了它们的 Canvas 检查器...

原答案：这并不是问题所要求的，但 Firefox 集成了一个画布检查器： https://hacks.mozilla.org/2014/03/introducing-the-canvas-debugger-in-firefox-developer-tools/

您可以在普通检查器的设置中启用它

编辑：（2019 年）从 Firefox 67 开始，Canvas Inspector 已被删除：Mozilla deprecated listingBug report with reasoning

替代方案：spector.js - Recommended alternative by Mozilla

【讨论】：

不幸的是，这也被删除了。

【参考方案5】：

这是迄今为止我见过的最好的扩展检查器。

https://spector.babylonjs.com