Chrome - 调试 WebGL 崩溃 ("Rats! WebGL hit a snag.")
Chrome - debug WebGL crashing ("Rats! WebGL hit a snag.")
我们公司最近将我们的 PC 升级到 Windows 10,从那时起,我们在浏览我们的网站时一直收到 "Rats! WebGL hit a snag." 消息。我们通常可能会将此视为内部 network/pc 问题,但此错误仅发生在我们自己的网站上。浏览其他网站不会导致此错误。因此,我们担心我们的一些用户也可能遇到这种情况。
据我所知,我们没有使用 WebGL,document.querySelectorAll('canvas')
没有找到任何元素。
是否可以通过调试来找出崩溃的原因?
更新
这是一个尝试使用 WebGL 的第三方脚本,但它非常无害,应该不会有问题。现在的问题是,如何确定以下代码导致我们网站崩溃的原因?
let canvas = document.createElement('canvas');
canvas.getContext('webgl');
添加
HTMLCanvasElement.prototype.getContext = (function(origFn) {
return function(...args) {
debugger;
return origFn.call(this, ...args);
};
}(HTMLCanvasElement.prototype.getContext));
到页面顶部,然后打开调试器,看看它在哪里中断?
我们公司最近将我们的 PC 升级到 Windows 10,从那时起,我们在浏览我们的网站时一直收到 "Rats! WebGL hit a snag." 消息。我们通常可能会将此视为内部 network/pc 问题,但此错误仅发生在我们自己的网站上。浏览其他网站不会导致此错误。因此,我们担心我们的一些用户也可能遇到这种情况。
据我所知,我们没有使用 WebGL,document.querySelectorAll('canvas')
没有找到任何元素。
是否可以通过调试来找出崩溃的原因?
更新
这是一个尝试使用 WebGL 的第三方脚本,但它非常无害,应该不会有问题。现在的问题是,如何确定以下代码导致我们网站崩溃的原因?
let canvas = document.createElement('canvas');
canvas.getContext('webgl');
添加
HTMLCanvasElement.prototype.getContext = (function(origFn) {
return function(...args) {
debugger;
return origFn.call(this, ...args);
};
}(HTMLCanvasElement.prototype.getContext));
到页面顶部,然后打开调试器,看看它在哪里中断?