【提问】BoxCollider 在浏览器预览中看到的与实际位置不一致

官方physics-example-master项目中tiled场景里我为hero这个sprite添加了一个BoxCollider
BoxCollider的offset是(0,0)
然后设置

  cc.director.getPhysicsManager().debugDrawFlags = 0;  
  cc.director.getCollisionManager().enabled = true;   
  cc.director.getCollisionManager().enabledDebugDraw = true;

我觉得BoxCollider的框框应该把hero圈起来,可是我看到的却是这样

我用的浏览器是Firefox56

移动hero时,白色框框也会移动