【问题标题】：What's the workflow for determining if a bug is the browser's fault, or my own?确定错误是浏览器的错误还是我自己的错误的工作流程是什么？
【发布时间】：2014-07-20 04:19:15
【问题描述】：
我现在正在做一个项目，我使用 Pixi.js 编写了一些代码，在 Google Chrome 中会产生奇怪的结果。具体来说，绘制带有纹理的精灵似乎会产生一个奇怪的问题，即当只请求一个时，多个加载的纹理被绘制在彼此之上。 （例如，我说“加载一只猫，加载一只狗，画一只猫”，出于某种原因，我看到一只猫在狗身上。）
我在 Firefox 或 Safari 中没有看到这个问题。我不确定这是我自己的错误、Pixi.js 中的错误还是浏览器中的错误。这并不重要，因为这不是这个问题的真正意义——我只是为了上下文而讲述这个故事。
我的问题是：确定错误是我自己的问题还是浏览器问题的一般工作流程是什么？是否有一些调试浏览器的标准流程？
【问题讨论】：
标签：
javascript
google-chrome
debugging
browser
pixi.js
【解决方案1】：
我不确定是否有标准流程，但根据我使用 PIXI 的经验，我发现当错误出现在我的代码中时，它通常会出现在所有浏览器中。
浏览器通常在 HTML/CSS 方面存在差异，但它们显示的画布似乎相同。因此，如果问题出在整个画布或其他 DOM 元素的总体布局上，我会认为是浏览器问题。
但如果问题在于在舞台上渲染 PIXI 组件，则更有可能是 PIXI 错误或代码中的错误。请记住，PIXIjs 使用 WebGL（如果可用）进行渲染，否则它会退回到 HTML5 画布上。所以我会先在同一个浏览器中打开和关闭 WebGL 来检查它，看看它是否会有所不同。
如果您想知道为什么您的狗没有正确渲染，请继续发布一些代码 :)