DAY22 - 利用开发者工具列Network import export debug

身为工程师的人，一定无法避免的就是面对BUG!
那有什麽方式debug呢？
如果bug发生在别人的电脑，自己没办法还原又可以用什麽方法协助呢。
今天来跟大家分享一个最近常常使用的debug方式，

当bug发生在别人电脑，就算照着对方提供的操作步骤，还是无法还原时，
可以再请对方照着原本会出现bug的方式，提供两种档案

1. .log档案： 透过console.log印在Console tab里面的所有资料，就可以得到.log档案
2. .har档案： 透过Network tab里面，点选export按钮，就可以下载一个.har档案
   

拿到.log档案当然可以直接透过编辑器看到中间印了哪些log，不过当然前提是你自己在开发的时候有埋log。没埋的话也是GG XD

拿到.har档案透过下图黄色的import按钮，可以把.har档案汇入

汇入後，就可以看到所有API呼叫的过程包含打API当时的request和得到的response都可以看到。

照着.har汇入的api呼叫历程，可以透过中间的request和response看到是不是什麽地方，的request或是response得到有问题。

我自己觉得其实在最开始的时候，会不知道的也是用工具的debug的方法。
虽然现在看起来是一个很基本的小技巧，但当初不知道到发现这个方法觉得非常方便好用，
今天就和大家分享到这里～～