In this session I will share a little bit about “How to debug like a pro” so that can help dev team sometimes 😁. This will separate into 2 parts:

1. Check client network
2. Debug dashboard

1. Check if client network is stable

Sometimes you will got report liked: “Oh so laggy, I even cannot load the page”. So the problem maybe:

• Lost connection
• Set role like “god mode” but forgot to clear old cache
• API got error (How to know it, go to 2 - Debug dashboard )

Lost connection

This one rarely happened, almost when merchants use their mobile hotspot. This one we can test first from our side, like as they report go to tab “product” then check if can view data or not. If yes, can check like:

• If merchant uses mobile: ask them go to another website to check can get any data or not.
• If merchant uses computer:

  1. Window OS: Press the Win + R keys at the same time. Then type cmd, then type ping www.google.vn.

     • Stable connection:

     

     • Lost connection:

     

  2. Mac OS: the way is the same but command will different a little bit cuz different OS. FYI: https://kb.vmware.com/s/article/1020983

2. Debug dashboard

If you jump into a tab, but data doesn’t show. Then you wanna help dev team to know overview of problem, can try debugging dashboard 😊. I’ll show you how (Window OS)

1. In the dashboard, press F12, click on Network tab

   

2. Go to the tab/page that have problem. Then you can see list API like this:

   

   If any API got error, it will show like this (this just example, if got sentry error like this just ignore)

   

3. Later than, to help dev faster debugging, you can go to the API that have red marked then do like this: