javascript - 确定错误是浏览器的错误还是我自己的错误的工作流程是什么？

Question

我现在正在开发一个项目，我使用 Pixi.js 编写了一些代码，这些代码在 Google Chrome 中产生了奇怪的结果。具体来说，绘制带有纹理的 Sprite 似乎会产生一个奇怪的问题，即当只请求一个时，多个加载的纹理会绘制在彼此之上。 (例如，我说“加载一只猫，加载一只狗，画一只猫”，由于某种原因，我看到一只猫在狗身上。)

我在 Firefox 或 Safari 中没有看到此问题。我不确定这是我自己的错误、Pixi.js 中的错误还是浏览器中的错误。这并不重要，因为这并不是这个问题的真正含义——我只是为了背景而讲述这个故事。

我的问题是:确定 bug 是我自己的问题还是浏览器的问题的一般工作流程是什么？是否有一些调试浏览器的标准流程？

Answer 1

我不确定是否有标准流程，但根据我使用 PIXI 的经验，我发现当代码中出现错误时，它通常会出现在所有浏览器中。

浏览器在 HTML/CSS 方面通常存在差异，但它们显示的 Canvas 似乎是相同的。因此，如果问题出在整个 Canvas 或其他 DOM 元素的总体布局上，我会认为这是浏览器问题。

但是，如果问题出在舞台上渲染 PIXI 组件时，则更可能是 PIXI 错误或代码中的错误。请记住，如果可用，PIXIjs 使用 WebGL 进行渲染，否则它会退回到 HTML5 Canvas 上。因此，我会首先通过在同一浏览器中打开和关闭 WebGL 来检查这一点，看看是否有影响。

如果您想知道为什么您的狗无法正确渲染，请继续发布一些代码:)