버그가 브라우저의 잘못인지 또는 내 버그인지를 결정하는 워크 플로는 무엇입니까?

Question

저는 지금 당장 프로젝트를 진행하고 있으며 Pixi.js를 사용하여 Google 크롬에서 이상한 결과를 산출하는 코드를 작성했습니다. 특히 텍스처가있는 스프라이트를 그리는 것은 하나만 요청되었을 때 여러 개의로드 된 텍스처가 서로 위에 그려지는 이상한 문제를 일으키는 것으로 보입니다. (예를 들어 "고양이에 짐을 싣고 강아지를 태우고 고양이를 그립니다"라고 말하면 어떤 이유로 강아지 위에 고양이가 보이게됩니다.)

Firefox 또는 Safari에서이 문제가 보이지 않습니다. 이것이 내 자신의 버그인지, Pixi.js의 버그인지, 브라우저의 버그인지는 확실치 않습니다. 그것은 정말로 중요하지 않습니다. 왜냐하면 그것은이 질문이 무엇인지에 관한 것이 아니기 때문에 - 저는이 이야기를 상황에 맞게 말하고 있습니다.

내 질문은 : 버그가 스스로인지 또는 브라우저에 문제가 있는지 여부를 결정하는 일반적인 워크 플로는 무엇입니까? 브라우저를 디버깅하기위한 표준 프로세스가 있습니까?

Answer 1

표준 프로세스가 있는지는 잘 모르겠지만 PIXI에 대한 경험으로 버그가 내 코드에있을 때 일반적으로 모든 브라우저에 나타납니다.

브라우저는 HTML/CSS의 차이점이 있지만 캔버스를 동일하게 표시합니다. 문제가 전체 캔버스 또는 다른 DOM 요소의 일반적인 레이아웃과 관련되어 있다면 브라우저 문제라고 생각합니다.

그러나 문제가 스테이지에서 PIXI 구성 요소를 렌더링하는 경우 PIXI 버그 또는 코드의 버그 일 가능성이 큽니다. 가능한 경우 WebGL을 사용하여 PIXIj를 렌더링하고, 그렇지 않으면 HTML5 캔버스로 돌아갑니다. 그래서 먼저 동일한 브라우저에서 WebGL을 켜고 끄고 차이가 있는지 확인합니다.

개가 올바르게 렌더링되지 않은 이유를 알고 싶다면 다음으로 이동하여 코드를 게시하십시오.